From e00a0f7c81a3422871ebc2ca3a69f292500c4955 Mon Sep 17 00:00:00 2001
From: Araozu <fernando@eegsac.com>
Date: Wed, 22 Nov 2023 12:41:50 -0500
Subject: [PATCH] Add new path, /reports

---
 frontend/src/App.tsx                    |  2 ++
 frontend/src/Reports/index.tsx          |  7 +++++++
 frontend/src/components/NavRail.tsx     |  2 ++
 frontend/src/icons/ChartScatterIcon.tsx | 15 +++++++++++++++
 4 files changed, 26 insertions(+)
 create mode 100644 frontend/src/Reports/index.tsx
 create mode 100644 frontend/src/icons/ChartScatterIcon.tsx

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 3921f21..e619e4f 100644
--- a/frontend/src/App.tsx
+++ b/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>
 );
diff --git a/frontend/src/Reports/index.tsx b/frontend/src/Reports/index.tsx
new file mode 100644
index 0000000..05f3a85
--- /dev/null
+++ b/frontend/src/Reports/index.tsx
@@ -0,0 +1,7 @@
+export function Reports() {
+    return (
+        <div>
+            No implementado
+        </div>
+    );
+}
diff --git a/frontend/src/components/NavRail.tsx b/frontend/src/components/NavRail.tsx
index 76cda3b..c0d674c 100644
--- a/frontend/src/components/NavRail.tsx
+++ b/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" />
diff --git a/frontend/src/icons/ChartScatterIcon.tsx b/frontend/src/icons/ChartScatterIcon.tsx
new file mode 100644
index 0000000..9c39ea2
--- /dev/null
+++ b/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>
+    );
+}