Change pages path

M4RC02U1F4A4 · Jan 13, 2024 · e1200b2 · e1200b2
1 parent a13086a
commit e1200b2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 36 deletions.
diff --git a/frontend/public/main.css b/frontend/public/main.css
@@ -997,6 +997,10 @@ video {
   height: 100dvh;
 }
 
+.h-\[158px\] {
+  height: 158px;
+}
+
 .h-\[188px\] {
   height: 188px;
 }
@@ -1059,30 +1063,6 @@ video {
   height: var(--nextui-spacing-unit-8);
 }
 
-.h-\[\] {
-  height: ;
-}
-
-.h-\[1\] {
-  height: 1;
-}
-
-.h-\[15\] {
-  height: 15;
-}
-
-.h-\[158\] {
-  height: 158;
-}
-
-.h-\[158p\] {
-  height: 158p;
-}
-
-.h-\[158px\] {
-  height: 158px;
-}
-
 .max-h-64 {
   max-height: 16rem;
 }
@@ -1207,10 +1187,6 @@ video {
   width: 160px;
 }
 
-.w-\[281\] {
-  width: 281;
-}
-
 .w-\[281px\] {
   width: 281px;
 }

diff --git a/frontend/src/components/NavBar.jsx b/frontend/src/components/NavBar.jsx
@@ -104,7 +104,7 @@ const SmallScreenNavbar = ({ activePage, handleNavLinkClick, onOpen }) => {
 
       <NavbarContent className="sm:hidden pr-3" justify="center">
         <NavbarBrand>
-          <p className="font-bold text-inherit">YouTube RSS</p>
+          <a className="font-bold text-inherit" href="/" >YouTube RSS</a>
         </NavbarBrand>
       </NavbarContent>
 
@@ -118,17 +118,17 @@ const SmallScreenNavbar = ({ activePage, handleNavLinkClick, onOpen }) => {
 
       <NavbarMenu className="dark text-foreground bg-background">
           <NavbarMenuItem>
-            <Link color={activePage === "home" ? "primary" : "foreground"} href="#" onClick={() => handleMenuItemClick("home")}>
+            <Link className="cursor-pointer" color={activePage === "home" ? "primary" : "foreground"} onClick={() => handleMenuItemClick("home")}>
               Home
             </Link>
           </NavbarMenuItem>
           <NavbarMenuItem>
-            <Link color={activePage === "channels" ? "primary" : "foreground"} href="#" onClick={() => handleMenuItemClick("channels")}>
+            <Link className="cursor-pointer" color={activePage === "channels" ? "primary" : "foreground"} onClick={() => handleMenuItemClick("channels")}>
             Channels
             </Link>
           </NavbarMenuItem>
           <NavbarMenuItem>
-            <Link color={activePage === "videos" ? "primary" : "foreground"} href="#" onClick={() => handleMenuItemClick("videos")}>
+            <Link className="cursor-pointer" color={activePage === "videos" ? "primary" : "foreground"} onClick={() => handleMenuItemClick("videos")}>
               Videos
             </Link>
           </NavbarMenuItem>
@@ -141,21 +141,21 @@ const LargeScreenNavbar = ({ activePage, handleNavLinkClick, onOpen }) => {
   return (
     <Navbar>
       <NavbarBrand>
-        <p className="font-bold text-inherit">YouTube RSS</p>
+        <a className="font-bold text-inherit" href="/" >YouTube RSS</a>
       </NavbarBrand>
       <NavbarContent className="sm:flex gap-4" justify="center">
         <NavbarItem isActive={activePage === "home"}>
-          <Link color={activePage === "home" ? "primary" : "foreground"} href="#" onClick={() => handleNavLinkClick("home")}>
+          <Link className="cursor-pointer" color={activePage === "home" ? "primary" : "foreground"} onClick={() => handleNavLinkClick("home")}>
             Home
           </Link>
         </NavbarItem>
         <NavbarItem isActive={activePage === "channels"}>
-          <Link color={activePage === "channels" ? "primary" : "foreground"} href="#" onClick={() => handleNavLinkClick("channels")}>
+          <Link className="cursor-pointer" color={activePage === "channels" ? "primary" : "foreground"} onClick={() => handleNavLinkClick("channels")}>
             Channels
           </Link>
         </NavbarItem>
         <NavbarItem isActive={activePage === "videos"}>
-          <Link color={activePage === "videos" ? "primary" : "foreground"} href="#" onClick={() => handleNavLinkClick("videos")}>
+          <Link className="cursor-pointer" color={activePage === "videos" ? "primary" : "foreground"} onClick={() => handleNavLinkClick("videos")}>
             Videos
           </Link>
         </NavbarItem>