From f4f5799590c01576a226b62cdd1e677acd55f8dc Mon Sep 17 00:00:00 2001
From: NCanggoro <ansianggoro@gmail.com>
Date: Tue, 3 Oct 2023 14:38:14 +0700
Subject: [PATCH] add submissions and user menu z index

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

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 1982ad0..3ea37d2 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -1,4 +1,4 @@
-import React, { TargetedEvent } from "preact/compat";
+import React from "preact/compat";
 import { useState } from "preact/hooks";
 import { useSelector, useDispatch } from "react-redux";
 import { UserRootState } from "../../store/type";
@@ -71,7 +71,7 @@ function Header() {
             </div>
           }
         </div>
-        <form onSubmit={onSearchSubmit} className={`search-input ${dropdown ? "search-input-dropdown" : ""}`}>
+        <form onSubmit={onSearchSubmit} className={`header-search-input ${dropdown ? "search-input-dropdown" : ""}`}>
           <label>
             <input
               type="text"
@@ -101,7 +101,10 @@ function Header() {
             <div className={'profile-dropdown bg-secondary ml-6'} style={pageState.profileMenu ? { display: 'block' } : {display: 'none'}}>
               <a href={'#'}><div className={'p-1'}>Profile</div></a>
               <a href={'#'}><div className={'p-1'}>Feed</div></a>
-              <a href={'#'}><div className={'p-1'}>Add location</div></a>
+              <a href={'/add-location'}><div className={'p-1'}>Add location</div></a>
+              {user.is_admin &&
+                <a href={'/submissions'} ><div className={'p-1'}>Submissions</div></a>
+              }
               <a href={'#'} onClick={handleLogout}><div className={'p-1'}>Logout</div></a>
               {/* <div className={'p-2'}><a href={'#'}>Halo</a></div> */}
               {/* <div className={'p-2'}><a href={'#'}>Halo</a></div> */}
diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index 842a110..13ed08b 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -3,11 +3,11 @@
 }
 
 
-label {
+.header-search-input label {
   position: relative;
 }
 
-label:before {
+.header-search-input label:before {
   content: "";
   position: absolute;
   left: 10px;
@@ -41,6 +41,7 @@ label:before {
   padding: 5px;
   width: 135px;
   font-size: 13px;
+  z-index: 9999;
 }
 
 .profile-dropdown a div:hover {
@@ -76,7 +77,7 @@ label:before {
   text-align: 'center'; */
 }
 
-.search-input {
+.header-search-input {
   margin-left: auto;
 }