feat: fully working

Author: ZanzyTHEbar

src/components/AppSettings/NetworkSettings.tsx

@@ -4,19 +4,19 @@ export interface IProps {
     onChange: (value: string) => void
 }
 
-const OscSettings = (props: IProps) => {
-    /* // TODO: call api to download firmware assets
-    const handleSubmit = (e: SubmitEvent) => {
-        e.preventDefault()
-        console.log(`${props.name} [Select]: `, value())
-    } */
-
+const NetworkSettings = (props: IProps) => {
     return (
         <div>
             <form action="#" class="flex grow rounded-xl flex-col pl-4 pr-4 pb-4 pt-4 bg-[#333742]">
                 <div>
                     <div class="pb-6 pl-3 pr-3">
                         <p class="text-start text-2xl">Network settings</p>
+                        <div class="text-white flex flex-col items-center justify-center h-full w-full p-2">
+                            <div class="card rounded-md bg-slate-700">
+                                <h1 class="text-2xl font-bold">Coming Soon</h1>
+                                <p class="mt-4 text-gray-400 text-lg">😞</p>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div>
@@ -60,4 +60,4 @@ const OscSettings = (props: IProps) => {
         </div>
     )
 }
-export default OscSettings
+export default NetworkSettings

src/pages/AppSettings.tsx

@@ -3,8 +3,6 @@ import { debug } from 'tauri-plugin-log-api'
 import AppSettings from '@src/views/AppSettings'
 
 const AppSettingsPage = () => {
-    
-
     return (
         <div class="flex justify-center items-center content-center flex-col pt-[100px] text-white">
             <AppSettings