diff --git a/index.html b/index.html index 5f2afa4..a5ee710 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + Wifi Extender diff --git a/src/Index.tsx b/src/Index.tsx index 89a20fb..4445b06 100644 --- a/src/Index.tsx +++ b/src/Index.tsx @@ -12,7 +12,12 @@ import './styles/Main.css' function Index() { let [loginState, setLoginState] = useState(false); - let [loggedUser, setLoggedUser] = useState('') + let [loggedUser, setLoggedUser] = useState(''); + + let [routerName, setRoutername] = useState('Example Router'); + let [twoGExtendedName, settwoGExtendedName] = useState('Example 2G Network'); + let [fiveGExtendedName, setFiveGExtendedName] = useState('Example 5G Network'); + let [devicesOnline, setDevicesOnline] = useState(0) const navigate = useNavigate(); @@ -30,12 +35,12 @@ function Index() {

{ loginState }

- } /> + } /> } /> } /> } /> } /> - } /> + } /> } /> diff --git a/src/assets/arrow.png b/src/assets/arrow.png new file mode 100644 index 0000000..f7c54b9 Binary files /dev/null and b/src/assets/arrow.png differ diff --git a/src/assets/device.png b/src/assets/device.png new file mode 100644 index 0000000..9c50641 Binary files /dev/null and b/src/assets/device.png differ diff --git a/src/assets/extender.png b/src/assets/extender.png new file mode 100644 index 0000000..832d7f1 Binary files /dev/null and b/src/assets/extender.png differ diff --git a/src/assets/gear.png b/src/assets/gear.png new file mode 100644 index 0000000..fda12ad Binary files /dev/null and b/src/assets/gear.png differ diff --git a/src/assets/globe.png b/src/assets/globe.png new file mode 100644 index 0000000..8456d97 Binary files /dev/null and b/src/assets/globe.png differ diff --git a/src/assets/high_signal.png b/src/assets/high_signal.png new file mode 100644 index 0000000..702d5d5 Binary files /dev/null and b/src/assets/high_signal.png differ diff --git a/src/assets/logo.png b/src/assets/logo.png index eb504be..a98152f 100644 Binary files a/src/assets/logo.png and b/src/assets/logo.png differ diff --git a/src/assets/low_signal.png b/src/assets/low_signal.png new file mode 100644 index 0000000..faa329c Binary files /dev/null and b/src/assets/low_signal.png differ diff --git a/src/assets/medium_signal.png b/src/assets/medium_signal.png new file mode 100644 index 0000000..8abed53 Binary files /dev/null and b/src/assets/medium_signal.png differ diff --git a/src/assets/router.png b/src/assets/router.png new file mode 100644 index 0000000..8ea64a5 Binary files /dev/null and b/src/assets/router.png differ diff --git a/src/assets/signal.png b/src/assets/signal.png new file mode 100644 index 0000000..69dc4f3 Binary files /dev/null and b/src/assets/signal.png differ diff --git a/src/assets/very_low_signal.png b/src/assets/very_low_signal.png new file mode 100644 index 0000000..8439f27 Binary files /dev/null and b/src/assets/very_low_signal.png differ diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index baa889a..f8a35fe 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -4,7 +4,7 @@ interface Props { function Navbar({ LoggedUser }: Props) { return ( -