From d61716bcdf00ea3f45a3cfad5ac9dd280e1a4a43 Mon Sep 17 00:00:00 2001
From: Andrew Kawula <andrzej.kawula@gmail.com>
Date: Tue, 2 Jan 2024 10:40:57 +0100
Subject: [PATCH] add jira files

---
 src/Jira.tsx                    | 44 +++++++++++++++++++++++++++++++++
 src/Router.tsx                  |  2 ++
 src/components/FirstSidebar.tsx |  7 ++++++
 3 files changed, 53 insertions(+)
 create mode 100644 src/Jira.tsx

diff --git a/src/Jira.tsx b/src/Jira.tsx
new file mode 100644
index 0000000..3912553
--- /dev/null
+++ b/src/Jira.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Typography, Box } from "@mui/joy";
+import Loading from './components/Loading';
+
+export default function Jira() {
+    return <React.Fragment>
+        <Box
+            component="main"
+            className="MainContent"
+            sx={{
+                pt: {
+                    xs: 'calc(12px + var(--Header-height))',
+                    md: 3,
+                },
+                pb: {
+                    xs: 2,
+                    sm: 2,
+                    md: 3,
+                },
+
+                display: 'flex',
+                flexDirection: 'column',
+                minWidth: 0,
+                minHeight: '100dvh',
+                gap: 1,
+            }}
+        >
+            <Box
+                sx={{
+                    display: 'flex',
+                    my: 1,
+                    gap: 1,
+                    flexDirection: { xs: 'column', sm: 'row' },
+                    alignItems: { xs: 'start', sm: 'center' },
+                    flexWrap: 'wrap',
+                    justifyContent: 'space-between',
+                }}
+            >
+                <Typography level="h2">Dashboard</Typography>
+                <Loading />
+            </Box>
+        </Box>
+    </React.Fragment>
+}
diff --git a/src/Router.tsx b/src/Router.tsx
index 86f09bc..f30884e 100644
--- a/src/Router.tsx
+++ b/src/Router.tsx
@@ -11,6 +11,7 @@ import ColorSchemeToggle from './components/ColorSchemeToggle';
 import Dashboard from "./Dashboard";
 import Settings from "./Settings";
 import { StoreContextProvider } from './context/StoreContext';
+import Jira from "./Jira";
 
 export default function AppRouter() {
     return (
@@ -58,6 +59,7 @@ export default function AppRouter() {
 
                             <Routes>
                                 <Route path="/" Component={Dashboard} />
+                                <Route path="/jira" Component={Jira} />
                                 <Route path="/settings" Component={Settings} />
                             </Routes>
                         </Box>
diff --git a/src/components/FirstSidebar.tsx b/src/components/FirstSidebar.tsx
index 20d737c..484e15a 100644
--- a/src/components/FirstSidebar.tsx
+++ b/src/components/FirstSidebar.tsx
@@ -58,6 +58,13 @@ export default function FirstSidebar() {
             </ListItemButton>
           </Link>
         </ListItem>
+        <ListItem>
+          <Link to={'/jira'}>
+            <ListItemButton selected={location.pathname === '/jira'}>
+              <HomeRoundedIcon />
+            </ListItemButton>
+          </Link>
+        </ListItem>
         {/* <ListItem>
           <ListItemButton variant="soft" onClick={() => openSidebar()}>
             <DashboardRoundedIcon />