fix: some fixes added to Header

deco-sites · Jul 19, 2024 · 2e3f199 · 2e3f199
1 parent 35ec8f7
commit 2e3f199
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/components/header/Alert.tsx b/components/header/Alert.tsx
@@ -43,7 +43,7 @@ function Alert({ benefit, backgroundColor, dropdown }: Props) {
 
           <ul
             tabIndex={0}
-            class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52"
+            class="dropdown-content z-[10000] menu p-2 shadow bg-base-100 rounded-box w-52"
           >
             {dropdown?.links?.map((item) => (
               <li class="text-black">

diff --git a/components/header/Header.tsx b/components/header/Header.tsx
@@ -172,6 +172,7 @@ function Header({
       </header>
 
       <script
+        type="module"
         dangerouslySetInnerHTML={{ __html: useScript(handleScroll) }}
       />
     </>

diff --git a/components/header/Navbar.tsx b/components/header/Navbar.tsx
@@ -13,10 +13,10 @@ import Image from "apps/website/components/Image.tsx";
 import NavItem from "./NavItem.tsx";
 import { navbarHeight } from "./constants.ts";
 import { Logo } from "$store/components/header/Header.tsx";
-import LoginElement from "deco-sites/maconequiio/islands/LoginElement.tsx";
 import Icon from "deco-sites/maconequiio/components/ui/Icon.tsx";
 import { useDevice } from "deco/hooks/useDevice.ts";
 import { useScript } from "deco/hooks/useScript.ts";
+import User from "deco-sites/maconequiio/components/user/User.tsx";
 
 function Navbar({ items, searchbar, logo }: {
   items?: SiteNavigationElement[];
@@ -112,10 +112,10 @@ function Navbar({ items, searchbar, logo }: {
               <Searchbar searchbar={searchbar} />
             </div>
 
-            <div class="flex-none flex items-center justify-end gap-6 col-span-1">
-              <LoginElement />
+            <div class="flex-none flex items-center justify-end gap-1.5 col-span-1">
+              <User />
               <div class="flex items-center text-xs font-thin">
-                {platform === "vtex" && <CartButtonVTEX type="completed" />}
+                {platform === "vtex" && <CartButtonVTEX type="icon" />}
                 {platform === "vnda" && <CartButtonVDNA />}
                 {platform === "wake" && <CartButtonWake />}
                 {platform === "linx" && <CartButtonLinx />}

diff --git a/components/user/User.tsx b/components/user/User.tsx
@@ -0,0 +1,9 @@
+import Icon from "deco-sites/maconequiio/components/ui/Icon.tsx";
+
+export default function User() {
+  return (
+    <a href="/account">
+      <Icon id="User" size={20} strokeWidth={0.4} class="text-red" />
+    </a>
+  );
+}