From 976cdd1fc3b24f536cc30be0138209b4fe92db49 Mon Sep 17 00:00:00 2001
From: NCanggoro <ansianggoro@gmail.com>
Date: Sun, 17 Sep 2023 16:26:20 +0700
Subject: [PATCH] add links for header

---
 src/components/Header/index.tsx | 12 +++++++-----
 src/components/Header/style.css |  2 +-
 src/components/index.ts         |  2 ++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 476a217..18caff8 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -30,7 +30,9 @@ function Header() {
   return (
     <header>
       <div className="flex flex-row content">
-        <h1 className={`title ${dropdown ? 'title-dropdown' : ""}`}>Hilingin</h1>
+        <a href={"/"}>
+          <h1 className={`title ${dropdown ? 'title-dropdown' : ""}`}>Hilingin</h1>
+        </a>
         <form onSubmit={onSearchSubmit} className={`search-input ${dropdown ? "search-input-dropdown" : ""}`}>
           <label>
             <input
@@ -50,11 +52,11 @@ function Header() {
         {dropdown &&
           <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Home</a>
         }
-        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Best places</a>
-        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a>
+        <a href="/best-places" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Top Places</a>
+        <a href="/discover" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Trending Places</a>
-        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a>
-        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a>
+        <a href="/stories" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a>
+        <a href="/news-events" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Forum</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Sign in</a>
       </div>
diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index 4b13d58..7ce784d 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -99,7 +99,7 @@ label:before {
 
 .navLink {
   padding: 0px 30px;
-  font-size: 14px;
+  font-size: 0.8em;
 }
 
 
diff --git a/src/components/index.ts b/src/components/index.ts
index 512acf7..c0b8adf 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,9 +1,11 @@
 import Header from "./Header";
 import SeparatorWithAnchor from "./Separator/WithAnchor";
+import DefaultSeparator from "./Separator/Default";
 import Footer from './Footer/';
 
 export {
   Header,
   SeparatorWithAnchor,
+  DefaultSeparator,
   Footer
 }
\ No newline at end of file