Fixed navbar

frontend/src/components/pages/Main/Main.tsx

@@ -1,4 +1,4 @@
-import less from "./Main.module.less"
+import less from "./Main.module.less";
 import { useTranslation } from "react-i18next";
 import { Input } from "../../shared/ui/input";
 import { submitRegister } from "../../widgets/Header/AuthAPI";
@@ -8,13 +8,24 @@ import { Link, useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
 import { deleteEvent, eventList } from "../AdminEventPage/AdminEventAPI";
 import VacancyCard from "../../entities/VacancyCard/VacancyCard";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "../../ui/card";
 import { TrashIcon } from "lucide-react";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../shared/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../shared/ui/dialog";
 import { t } from "i18next";
 
-
-
 const Main = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
@@ -22,17 +33,19 @@ const Main = () => {
   const [events, setEvents] = useState<Event[]>([]);
 
   useEffect(() => {
-        eventList().then((data) => {
+    eventList()
-            setEvents(data)
+      .then((data) => {
-        }).catch(error => {
+        setEvents(data);
-            console.error('Возникла ошибка с получением:', error)
       })
+      .catch((error) => {
+        console.error("Возникла ошибка с получением:", error);
+      });
   }, []);
 
-return (
+  return (
     <div className={less["general-content"]}>
       <div className={less["general-left"]}>
-            {events.map((event) => (
+        {/* {events.map((event) => (
                 <Card className={`${less["card"]} flex flex-row `}>
                     <div className="flex flex-col">
                         <CardHeader className={less["header"]}>
@@ -70,15 +83,14 @@ return (
 
                     </div>
                 </Card>
-            ))}
+            ))} */}
-            <Button variant="link" asChild><Link to={"/dash/admin"}>{t("iorganizer")}</Link></Button>
+        <Button variant="link" asChild>
-
+          <Link to={"/dash/admin"}>{t("iorganizer")}</Link>
+        </Button>
       </div>
-        <div className={less["general-right"] + " shadow"}>
+      <div className={less["general-right"] + " shadow"}></div>
-
     </div>
+  );
+};
 
-    </div>
-)
-}
 export default Main;

frontend/src/components/widgets/Header/Header.module.less

@@ -5,13 +5,15 @@
     justify-content:space-between;
     align-items: center;
     padding: 0px 32px;
+}
+
+.header_no_index {
     width: 100%;
     z-index: 999;
     position: fixed;
     width: 100%;
     top:  0;
     background-color: hsl(var(--background));
-
 }
 
 @logo-size: 80px;

frontend/src/components/widgets/Header/Header.tsx

@@ -1,18 +1,22 @@
-import less from "./Header.module.less"
+import less from "./Header.module.less";
-
 import { ModeToggle } from "../../mode-toggle";
-import { Link } from "react-router-dom";
+import { Link, useLocation } from "react-router-dom";
-
 
 const Header = () => {
+    const location = useLocation();
+
+    const isRoot = location.pathname !== "/";
+
+    const headerClasses = isRoot ? `${less.header} ${less.header_no_index}` : less.header;
+
     return (
-        <header className={less.header}>
+        <header className={headerClasses}>
-            <Link to={"/"}><img className={less.logo} src='/logo.svg'></img></Link>
+            <Link to={"/"}><img className={less.logo} src='/logo.svg' alt="Logo"></img></Link>
             <div className={less["line-block"]}>
                 <ModeToggle />
             </div>
-
         </header>
-    )
+    );
-}
+};
+
 export default Header;