feat(tags): created the v1.0.0 version

narainkarthikv · Dec 26, 2024 · 4f36e9f · 4f36e9f
1 parent 8cf4aa8
commit 4f36e9f
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 17 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import Navbar from "./components/common/Navbar";
+import Footer from "./components/common/Footer";
 import NoteList from "./pages/NoteList";
 import TableList from "./pages/TableList";
 import BoardList from "./pages/BoardList";
@@ -18,6 +19,7 @@ function App() {
           <Route path='/boards' element={<BoardList />} />
           <Route path="*" element={<NotFoundPage />} />
         </Routes>
+        <Footer />
       </Box>
     </Router>
   );

diff --git a/src/components/common/Navbar.jsx b/src/components/common/Navbar.jsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { AppBar, Box, Container, IconButton, Typography } from "@mui/material";
 import { Link as RouterLink } from "react-router-dom";
 import DashboardOutlinedIcon from "@mui/icons-material/DashboardOutlined";
@@ -7,16 +7,26 @@ import StickyNote2Icon from "@mui/icons-material/StickyNote2";
 import { navbarStyles } from './styles';
 
 // NavItem component
-const NavItem = ({ to, icon, label }) => (
-  <IconButton sx={navbarStyles.iconButton} component={RouterLink} to={to}>
-    <Box sx={navbarStyles.link}>
-      {icon}
-      <Typography variant="body2" sx={navbarStyles.label}>
-        {label}
-      </Typography>
-    </Box>
-  </IconButton>
-);
+const NavItem = ({ to, icon, label }) => {
+  const [hovered, setHovered] = useState(false);
+
+  return (
+    <IconButton
+      sx={navbarStyles.iconButton}
+      component={RouterLink}
+      to={to}
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+    >
+      <Box sx={navbarStyles.link}>
+        {icon}
+        <Typography variant="body2" sx={{ ...navbarStyles.label, display: hovered ? 'inline' : 'none' }}>
+          {label}
+        </Typography>
+      </Box>
+    </IconButton>
+  );
+};
 
 // Navbar component
 const Navbar = () => (

diff --git a/src/pages/BoardList.jsx b/src/pages/BoardList.jsx
@@ -2,7 +2,6 @@ import React, { useState, useTransition } from 'react';
 import { useRecoilState } from 'recoil';
 import { itemsState, snackbarState } from '../utils/state';
 import CreateBoard from '../components/Board/CreateBoard';
-import Footer from "../components/common/Footer";
 import BoardCard from '../components/Board/BoardCard';
 import CommonFilter from '../components/common/CommonFilter';
 import CommonSnackbar from '../components/common/CommonSnackbar';
@@ -91,7 +90,6 @@ const BoardList = (props) => {
           />
         ))}
       </Box>
-      <Footer />
     </Box>
   );
 };

diff --git a/src/pages/NoteList.jsx b/src/pages/NoteList.jsx
@@ -2,7 +2,6 @@ import React, { useState, useTransition } from 'react';
 import { useRecoilState } from 'recoil';
 import { itemsState, snackbarState } from '../utils/state';
 import CreateNote from '../components/Note/CreateNote';
-import Footer from "../components/common/Footer";
 import NoteCard from '../components/Note/NoteCard';
 import CommonFilter from '../components/common/CommonFilter';
 import CommonSnackbar from '../components/common/CommonSnackbar';
@@ -91,7 +90,6 @@ const NoteList = (props) => {
           />
         ))}
       </Box>
-      <Footer />
     </Box>
   );
 };

diff --git a/src/pages/TableList.jsx b/src/pages/TableList.jsx
@@ -2,7 +2,6 @@ import React, { useState, useTransition } from 'react';
 import { useRecoilState } from 'recoil';
 import { itemsState, snackbarState } from '../utils/state';
 import CreateRow from '../components/Table/CreateRow';
-import Footer from "../components/common/Footer";
 import TableCard from '../components/Table/TableCard';
 import CommonFilter from '../components/common/CommonFilter';
 import CommonSnackbar from '../components/common/CommonSnackbar';
@@ -101,7 +100,6 @@ const TableList = (props) => {
           </TableBody>
         </Table>
       </Box>
-      <Footer />
     </Box>
   );
 };