add navigation to header

ita-social-projects · Aug 31, 2023 · aedb9a7 · aedb9a7
1 parent a76c80d
commit aedb9a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/FrontEnd/src/components/HeaderFooter/header/navbar/Menu.jsx b/FrontEnd/src/components/HeaderFooter/header/navbar/Menu.jsx
@@ -1,5 +1,5 @@
 import css from "./Menu.module.css"
-import { Link } from 'react-router-dom'
+import { HashLink } from 'react-router-hash-link';
 
 const MENU_LINKS = [
     {
@@ -10,17 +10,17 @@ const MENU_LINKS = [
     {
         id: "m1",
         title: "Компанії",
-        link: "#"
+        link: "/"
     },
     {
         id: "m2",
         title: "Стартапи",
-        link: "#"
+        link: "/"
     },
     {
         id: "m3",
         title: "Про нас",
-        link: "#"
+        link: "/#about-us"
     },
 ]
 
@@ -29,7 +29,7 @@ function Menu () {
         <div className={css["header-menu-section"]}>
             {MENU_LINKS.map( (element) => (
                 <div className={css["header-menu-element"]} key={element.id}>
-                    <Link className={css["header-menu-element__text"]} to={element.link}>{element.title}</Link>
+                    <HashLink className={css["header-menu-element__text"]} to={element.link}>{element.title}</HashLink>
                 </div>
             ))}
         </div>

diff --git a/FrontEnd/src/components/landing-page/about-section/About.js b/FrontEnd/src/components/landing-page/about-section/About.js
@@ -11,7 +11,7 @@ const MainAboutSection = () => {
           <div className="about-us-section-content">
             <div className="about-us-rectangle">
             <div className="about-us-section-content__field"/>
-            <div className="about-us-section-content__text">
+            <div className="about-us-section-content__text" id="about-us">
               <div className="about-us-section-content__header-text">ХТО МИ</div>
               <div className="about-us-section-content__smart-text">Це перший форум Західної України, цілями якого є популяризація українського виробника та представлення стартапів для розвитку галузі «Smart Craft&Food»</div>
               <div className="about-us-section-content__smart-text">Це перший форум Західної України, цілями якого є популяризація українського виробника та представлення стартапів для розвитку галузі «Smart Craft&Food»</div>