add a new header ui experience

jetskis · Sep 24, 2023 · 4d43c13 · 4d43c13
1 parent 4d79beb
commit 4d43c13
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/components/global/Header.jsx b/app/components/global/Header.jsx
@@ -13,13 +13,13 @@ function HeaderMenu({
   return (
     <div className='relative'>
       <Menu>
-        <Menu.Button>Menu</Menu.Button>
+        <Menu.Button className='font-600 col-span-1 800:text-48'>Menu</Menu.Button>
         <Menu.Items className='absolute top-[30px] left-0 bg-white p-2 rounded-[4px]'>
           {menu?.map(item => {
             switch(item._type) {
               case 'link':
                 return (
-                  <a href={item.url} target={item.openInNewWindow ? '_blank': ''}>
+                  <a href={item.url} key={item._key} target={item.openInNewWindow ? '_blank': ''}>
                     {item.title}
                   </a> 
                 )
@@ -45,7 +45,7 @@ export function Header({ promo, menu, open }) {
   const [root] = useMatches()
   const cart = root.data?.cart
   // const cartOpen = root.data?.cartOpen
-  console.log('header menu', menu)
+
   return (
     <>
       <header

diff --git a/app/queries/sanity.js b/app/queries/sanity.js
@@ -15,7 +15,7 @@ export const pageLink = groq`{
 	openInNewWindow,
 	title,
 	'pageName': page->title,
-	'slug': page->slug.current,
+	'slug': 'pages/' + page->slug.current,
 }`;
 
 export const productLink = groq`{