feat: add cameras page

Author: andresdlt03

ethernet-view/package-lock.json

@@ -6,6 +6,7 @@ import { useLoadBackend } from "common";
 import { AppLayout } from "layouts/AppLayout/AppLayout";
 import { useState } from "react";
 import { LoggerPage } from "pages/LoggerPage/LoggerPage";
+import { CamerasPage } from "pages/CamerasPage/CamerasPage";
 
 
 function App() {
@@ -40,6 +41,14 @@ function App() {
             >
                 <LoggerPage />
             </div>
+            <div 
+                className="App"
+                style={{
+                    display: pageShown == "cameras" ? "block" : "none"
+                }}
+            >
+                <CamerasPage />
+            </div>
         </AppLayout>
     );
 }

ethernet-view/src/App.tsx

@@ -1,7 +1,7 @@
-
 import styles from "./AppLayout.module.scss"
 import Testing from "assets/svg/testing.svg"
 import Logger from "assets/svg/logger.svg"
+import Camera from "assets/svg/camera.svg"
 import { Navbar } from "components/Navbar/Navbar"
 import { ReactNode } from "react"
 
@@ -23,6 +23,10 @@ export const AppLayout = ({children, pageShown, setPageShown} : Props) => {
                 {
                     icon: Logger,
                     page: "logger"
+                },
+                {
+                    icon: Camera,
+                    page: "cameras"
                 }
                 ]}
                 pageShown={pageShown}

ethernet-view/src/assets/svg/camera.svg

@@ -0,0 +1,5 @@
+export const CamerasPage = () => {
+    return (
+        <div> Cameras </div>
+    ) 
+}