@luxfi/core 5.2.5 → 5.2.7

package/components/commerce/desktop-nav-menu.tsx

@@ -17,111 +17,6 @@ import {
 } from '@hanzo/ui/primitives'
 import Warpcast from "../icons/warpcast"
 
-// const components: { title: string; href: string; description: string }[] = [
-//   {
-//     title: "Alert Dialog",
-//     href: "/docs/primitives/alert-dialog",
-//     description:
-//       "A modal dialog that interrupts the user with important content and expects a response.",
-//   },
-//   {
-//     title: "Hover Card",
-//     href: "/docs/primitives/hover-card",
-//     description:
-//       "For sighted users to preview content available behind a link.",
-//   },
-//   {
-//     title: "Progress",
-//     href: "/docs/primitives/progress",
-//     description:
-//       "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
-//   },
-//   {
-//     title: "Scroll-area",
-//     href: "/docs/primitives/scroll-area",
-//     description: "Visually or semantically separates content.",
-//   },
-//   {
-//     title: "Tabs",
-//     href: "/docs/primitives/tabs",
-//     description:
-//       "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
-//   },
-//   {
-//     title: "Tooltip",
-//     href: "/docs/primitives/tooltip",
-//     description:
-//       "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
-//   },
-// ]
-
-// export function NavigationMenuDemo() {
-//   return (
-//     <NavigationMenu>
-//       <NavigationMenuList>
-//         <NavigationMenuItem>
-//           <NavigationMenuTrigger>Getting started</NavigationMenuTrigger>
-//           <NavigationMenuContent>
-//             <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
-//               <li className="row-span-3">
-//                 <NavigationMenuLink asChild>
-//                   <a
-//                     className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
-//                     href="/"
-//                   >
-//                     {/* <Icons.logo className="h-6 w-6" /> */}
-//                     <div className="mb-2 mt-4 text-lg font-medium">
-//                       shadcn/ui
-//                     </div>
-//                     <p className="text-sm leading-tight text-muted-foreground">
-//                       Beautifully designed components that you can copy and
-//                       paste into your apps. Accessible. Customizable. Open
-//                       Source.
-//                     </p>
-//                   </a>
-//                 </NavigationMenuLink>
-//               </li>
-//               <ListItem href="/docs" title="Introduction">
-//                 Re-usable components built using Radix UI and Tailwind CSS.
-//               </ListItem>
-//               <ListItem href="/docs/installation" title="Installation">
-//                 How to install dependencies and structure your app.
-//               </ListItem>
-//               <ListItem href="/docs/primitives/typography" title="Typography">
-//                 Styles for headings, paragraphs, lists...etc
-//               </ListItem>
-//             </ul>
-//           </NavigationMenuContent>
-//         </NavigationMenuItem>
-//         <NavigationMenuItem>
-//           <NavigationMenuTrigger>Components</NavigationMenuTrigger>
-//           <NavigationMenuContent>
-//             <ul className="w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-1 lg:w-[600px] ">
-//               {components.map((component) => (
-//                 <ListItem
-//                   key={component.title}
-//                   title={component.title}
-//                   href={component.href}
-//                 >
-//                   {component.description}
-//                 </ListItem>
-//               ))}
-//             </ul>
-//           </NavigationMenuContent>
-//         </NavigationMenuItem>
-//         <NavigationMenuItem>
-//           <Link href="/docs" legacyBehavior passHref>
-//             <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-//               Documentation
-//             </NavigationMenuLink>
-//           </Link>
-//         </NavigationMenuItem>
-//       </NavigationMenuList>
-//     </NavigationMenu>
-//   )
-// }
-
-
 const DesktopNav: React.FC<{
   links: LinkDefExtended[],
 }> = ({
@@ -135,7 +30,7 @@ const DesktopNav: React.FC<{
 
             if (el.isAIMenu) {
               return (
-                <NavigationMenuItem>
+                <NavigationMenuItem key={index}>
                   <Link href={el.href} legacyBehavior passHref>
                     <NavigationMenuLink className={navigationMenuTriggerStyle()}>
                       {el.title}
@@ -145,11 +40,11 @@ const DesktopNav: React.FC<{
               )
             } else if (el.title == 'Community') {
               return (
-                <NavigationMenuItem>
+                <NavigationMenuItem key={index}>
                   <NavigationMenuTrigger>{el.title}</NavigationMenuTrigger>
                   <NavigationMenuContent>
-                    <ul className="grid md:grid-cols-2 gap-3 p-6 md:w-[400px] lg:w-[500px]">
-                      <li className="row-span-3">
+                    <ul className="grid md:grid-cols-2 gap-3 p-6 md:w-[400px] lg:w-[500px]" key={index}>
+                      <li className="row-span-3" key='0'>
                         <NavigationMenuLink asChild>
                           <a
                             className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
@@ -165,12 +60,12 @@ const DesktopNav: React.FC<{
                           </a>
                         </NavigationMenuLink>
                       </li>
-                      {el.childMenu?.map((component) => (
-                        <div className="relative flex items-center my-2">
+                      {el.childMenu?.map((component, index) => (
+                        <div className="relative flex items-center my-2" key={index}>
                           <div className="mr-2 mt-0">
                           {component.icon}
                           </div>
-                          <ListItem href={component.href} title={component.title}>
+                          <ListItem href={component.href} title={component.title} key={index}>
                             {component.contents}
                           </ListItem>
                         </div>
@@ -182,13 +77,13 @@ const DesktopNav: React.FC<{
               )
             } else {
               return (
-                <NavigationMenuItem>
+                <NavigationMenuItem key={index}>
                   <NavigationMenuTrigger>{el.title}</NavigationMenuTrigger>
                   <NavigationMenuContent>
-                    <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[500px] ">
-                      {el.childMenu?.map((component) => (
+                    <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[500px] " key={index}>
+                      {el.childMenu?.map((component, index) => (
                         <ListItem
-                          key={component.title}
+                          key={index}
                           title={component.title}
                           href={component.href}
                         >
@@ -211,9 +106,9 @@ export default DesktopNav
 const ListItem = React.forwardRef<
   React.ElementRef<"a">,
   React.ComponentPropsWithoutRef<"a">
->(({ className, title, children, ...props }, ref) => {
+>(({ className, title, children, key, ...props }, ref) => {
   return (
-    <li>
+    <li key={key}>
       <NavigationMenuLink asChild>
         <a
           ref={ref}

package/components/header/desktop.tsx

@@ -36,14 +36,6 @@ const DesktopHeader: React.FC<{
         <Logo size='sm' href='/' className='hidden md:flex lg:hidden' key='one' layout='text-only'/>
         {/* md or larger */}
         <div className='flex gap-4 items-center'>
-          {/* <NavItems 
-            currentAs={currentAs}
-            items={links} 
-            className='flex md:gap-4 lg:justify-between lg:gap-7' 
-            itemClx='font-nav h-8'
-            key='three'
-          /> */}
-
           <DesktopNav links = {links}/>
           <DesktopBagPopup popupClx='w-[340px]' trigger={<BagButton className='text-primary -mr-[3px] lg:min-w-0' />} />
           <AuthWidget/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/core",
-  "version": "5.2.5",
+  "version": "5.2.7",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",