Add new path, /reports

frontend/src/App.tsx

@@ -4,6 +4,7 @@ import { Certs } from "./certs";
 import { NavRail } from "./components/NavRail";
 import { OnlineClassroom } from "./OnlineClassroom";
 import { Scans } from "./Scans";
+import { Reports } from "./Reports";
 
 const App: Component = () => (
     <div class="grid grid-cols-[5rem_auto]">
@@ -13,6 +14,7 @@ const App: Component = () => (
             <Route path="/certs" component={Certs} />
             <Route path="/accesos" component={OnlineClassroom} />
             <Route path="/escaneo" component={Scans} />
+            <Route path="/reportes" component={Reports} />
         </Routes>
     </div>
 );

frontend/src/Reports/index.tsx

@@ -0,0 +1,7 @@
+export function Reports() {
+    return (
+        <div>
+            No implementado
+        </div>
+    );
+}

frontend/src/components/NavRail.tsx

@@ -8,6 +8,7 @@ import { A } from "@solidjs/router";
 import { Dialog } from "./Dialog";
 import { Portal } from "solid-js/web";
 import { applyColors } from "../colorManager";
+import { ChartScatterIcon } from "../icons/ChartScatterIcon";
 
 export function NavRail() {
     return (
@@ -17,6 +18,7 @@ export function NavRail() {
                 <NavRailButton path="/certs" name="Certs" icon={<DocxIcon />} />
                 <NavRailButton path="/accesos" name="Accesos" icon={<KeyIcon />} />
                 <NavRailButton path="/escaneo" name="Escaneo" icon={<ScanIcon />} />
+                <NavRailButton path="/reportes" name="Reportes" icon={<ChartScatterIcon />} />
                 <ColorSelector />
             </div>
             <div id="color-selector" />

frontend/src/icons/ChartScatterIcon.tsx

@@ -0,0 +1,15 @@
+
+export function ChartScatterIcon(props: {fill?: string, size?: number, class?: string}) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class={`inline-block w-6 ${props.class}`}
+            width={props.size ?? 32}
+            height={props.size ?? 32}
+            fill={props.fill}
+            viewBox="0 0 256 256"
+        >
+            <path d="M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1-8-8V48a8,8,0,0,1,16,0V200H224A8,8,0,0,1,232,208ZM132,160a12,12,0,1,0-12-12A12,12,0,0,0,132,160Zm-24-56A12,12,0,1,0,96,92,12,12,0,0,0,108,104ZM76,176a12,12,0,1,0-12-12A12,12,0,0,0,76,176Zm96-48a12,12,0,1,0-12-12A12,12,0,0,0,172,128Zm24-40a12,12,0,1,0-12-12A12,12,0,0,0,196,88Zm-20,76a12,12,0,1,0,12-12A12,12,0,0,0,176,164Z" />
+        </svg>
+    );
+}