diff --git a/src/Index.tsx b/src/Index.tsx index 6082727..edb57ef 100644 --- a/src/Index.tsx +++ b/src/Index.tsx @@ -1,49 +1,63 @@ -import { useState, useEffect } from 'react' -import { Routes, Route, useNavigate } from 'react-router-dom'; -import Dashboard from './pages/Dashboard' -import Devices from './pages/DeviceList' -import Extend from './pages/ExtendWirelessNetwork' -import WirelessSettings from './pages/SystemSettings' -import SystemSettings from './pages/WirelessSettings' -import Login from './pages/Login' -import Register from './pages/Register' -import Navbar from './components/Navbar' -import './styles/Main.css' +import { useState, useEffect } from "react"; +import { Routes, Route, useNavigate } from "react-router-dom"; +import Dashboard from "./pages/Dashboard"; +import Devices from "./pages/DeviceList"; +import Extend from "./pages/ExtendWirelessNetwork"; +import WirelessSettings from "./pages/SystemSettings"; +import SystemSettings from "./pages/WirelessSettings"; +import Login from "./pages/Login"; +import Register from "./pages/Register"; +import Navbar from "./components/Navbar"; +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) + 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(); useEffect(() => { - if(!loginState) { + if (!loginState) { navigate("/login"); } - if(loggedUser === '') { - setLoggedUser('Not Logged In') + if (loggedUser === "") { + setLoggedUser("Not Logged In"); } }, [loginState, setLoggedUser]); - return( + return ( <> - + - } /> + + } + /> } /> } /> } /> } /> - } /> + } + /> } /> - ) + ); } -export default Index; \ No newline at end of file +export default Index; diff --git a/src/assets/backups/arrow.png b/src/assets/backups/arrow.png deleted file mode 100644 index f7c54b9..0000000 Binary files a/src/assets/backups/arrow.png and /dev/null differ diff --git a/src/assets/backups/device.png b/src/assets/backups/device.png deleted file mode 100644 index 9c50641..0000000 Binary files a/src/assets/backups/device.png and /dev/null differ diff --git a/src/assets/backups/extender.png b/src/assets/backups/extender.png deleted file mode 100644 index 832d7f1..0000000 Binary files a/src/assets/backups/extender.png and /dev/null differ diff --git a/src/assets/backups/gear.png b/src/assets/backups/gear.png deleted file mode 100644 index fda12ad..0000000 Binary files a/src/assets/backups/gear.png and /dev/null differ diff --git a/src/assets/backups/globe.png b/src/assets/backups/globe.png deleted file mode 100644 index 8456d97..0000000 Binary files a/src/assets/backups/globe.png and /dev/null differ diff --git a/src/assets/backups/high_signal.png b/src/assets/backups/high_signal.png deleted file mode 100644 index 702d5d5..0000000 Binary files a/src/assets/backups/high_signal.png and /dev/null differ diff --git a/src/assets/backups/logo.png b/src/assets/backups/logo.png deleted file mode 100644 index a98152f..0000000 Binary files a/src/assets/backups/logo.png and /dev/null differ diff --git a/src/assets/backups/low_signal.png b/src/assets/backups/low_signal.png deleted file mode 100644 index faa329c..0000000 Binary files a/src/assets/backups/low_signal.png and /dev/null differ diff --git a/src/assets/backups/medium_signal.png b/src/assets/backups/medium_signal.png deleted file mode 100644 index 8abed53..0000000 Binary files a/src/assets/backups/medium_signal.png and /dev/null differ diff --git a/src/assets/backups/router.png b/src/assets/backups/router.png deleted file mode 100644 index 8ea64a5..0000000 Binary files a/src/assets/backups/router.png and /dev/null differ diff --git a/src/assets/backups/signal.png b/src/assets/backups/signal.png deleted file mode 100644 index 69dc4f3..0000000 Binary files a/src/assets/backups/signal.png and /dev/null differ diff --git a/src/assets/backups/very_low_signal.png b/src/assets/backups/very_low_signal.png deleted file mode 100644 index 8439f27..0000000 Binary files a/src/assets/backups/very_low_signal.png and /dev/null differ diff --git a/src/data/login.json b/src/data/login.json deleted file mode 100644 index e69de29..0000000 diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index e236eef..f97eac1 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -9,7 +9,7 @@ import LowSignal from '../assets/low_signal.png' import MediumSignal from '../assets/medium_signal.png' import HighSignal from '../assets/high_signal.png' import Extender from '../assets/extender.png' -import Devices from '../assets/device.png' +import Device from '../assets/device.png' import Gear from '../assets/gear.png' interface Props { @@ -22,8 +22,8 @@ interface Props { function Dashboard({ RouterName, TwoGExtendedName, FiveGExtendedName, DevicesOnline }: Props) { return ( <> -
-
    +
    +

    • Internet

      @@ -49,16 +49,16 @@ function Dashboard({ RouterName, TwoGExtendedName, FiveGExtendedName, DevicesOnl
    • - +

      Devices