@luxfi/core 5.2.5 → 5.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17,111 +17,6 @@ import {
|
|
17
17
|
} from '@hanzo/ui/primitives'
|
18
18
|
import Warpcast from "../icons/warpcast"
|
19
19
|
|
20
|
-
// const components: { title: string; href: string; description: string }[] = [
|
21
|
-
// {
|
22
|
-
// title: "Alert Dialog",
|
23
|
-
// href: "/docs/primitives/alert-dialog",
|
24
|
-
// description:
|
25
|
-
// "A modal dialog that interrupts the user with important content and expects a response.",
|
26
|
-
// },
|
27
|
-
// {
|
28
|
-
// title: "Hover Card",
|
29
|
-
// href: "/docs/primitives/hover-card",
|
30
|
-
// description:
|
31
|
-
// "For sighted users to preview content available behind a link.",
|
32
|
-
// },
|
33
|
-
// {
|
34
|
-
// title: "Progress",
|
35
|
-
// href: "/docs/primitives/progress",
|
36
|
-
// description:
|
37
|
-
// "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
|
38
|
-
// },
|
39
|
-
// {
|
40
|
-
// title: "Scroll-area",
|
41
|
-
// href: "/docs/primitives/scroll-area",
|
42
|
-
// description: "Visually or semantically separates content.",
|
43
|
-
// },
|
44
|
-
// {
|
45
|
-
// title: "Tabs",
|
46
|
-
// href: "/docs/primitives/tabs",
|
47
|
-
// description:
|
48
|
-
// "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
|
49
|
-
// },
|
50
|
-
// {
|
51
|
-
// title: "Tooltip",
|
52
|
-
// href: "/docs/primitives/tooltip",
|
53
|
-
// description:
|
54
|
-
// "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
|
55
|
-
// },
|
56
|
-
// ]
|
57
|
-
|
58
|
-
// export function NavigationMenuDemo() {
|
59
|
-
// return (
|
60
|
-
// <NavigationMenu>
|
61
|
-
// <NavigationMenuList>
|
62
|
-
// <NavigationMenuItem>
|
63
|
-
// <NavigationMenuTrigger>Getting started</NavigationMenuTrigger>
|
64
|
-
// <NavigationMenuContent>
|
65
|
-
// <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
|
66
|
-
// <li className="row-span-3">
|
67
|
-
// <NavigationMenuLink asChild>
|
68
|
-
// <a
|
69
|
-
// 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"
|
70
|
-
// href="/"
|
71
|
-
// >
|
72
|
-
// {/* <Icons.logo className="h-6 w-6" /> */}
|
73
|
-
// <div className="mb-2 mt-4 text-lg font-medium">
|
74
|
-
// shadcn/ui
|
75
|
-
// </div>
|
76
|
-
// <p className="text-sm leading-tight text-muted-foreground">
|
77
|
-
// Beautifully designed components that you can copy and
|
78
|
-
// paste into your apps. Accessible. Customizable. Open
|
79
|
-
// Source.
|
80
|
-
// </p>
|
81
|
-
// </a>
|
82
|
-
// </NavigationMenuLink>
|
83
|
-
// </li>
|
84
|
-
// <ListItem href="/docs" title="Introduction">
|
85
|
-
// Re-usable components built using Radix UI and Tailwind CSS.
|
86
|
-
// </ListItem>
|
87
|
-
// <ListItem href="/docs/installation" title="Installation">
|
88
|
-
// How to install dependencies and structure your app.
|
89
|
-
// </ListItem>
|
90
|
-
// <ListItem href="/docs/primitives/typography" title="Typography">
|
91
|
-
// Styles for headings, paragraphs, lists...etc
|
92
|
-
// </ListItem>
|
93
|
-
// </ul>
|
94
|
-
// </NavigationMenuContent>
|
95
|
-
// </NavigationMenuItem>
|
96
|
-
// <NavigationMenuItem>
|
97
|
-
// <NavigationMenuTrigger>Components</NavigationMenuTrigger>
|
98
|
-
// <NavigationMenuContent>
|
99
|
-
// <ul className="w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-1 lg:w-[600px] ">
|
100
|
-
// {components.map((component) => (
|
101
|
-
// <ListItem
|
102
|
-
// key={component.title}
|
103
|
-
// title={component.title}
|
104
|
-
// href={component.href}
|
105
|
-
// >
|
106
|
-
// {component.description}
|
107
|
-
// </ListItem>
|
108
|
-
// ))}
|
109
|
-
// </ul>
|
110
|
-
// </NavigationMenuContent>
|
111
|
-
// </NavigationMenuItem>
|
112
|
-
// <NavigationMenuItem>
|
113
|
-
// <Link href="/docs" legacyBehavior passHref>
|
114
|
-
// <NavigationMenuLink className={navigationMenuTriggerStyle()}>
|
115
|
-
// Documentation
|
116
|
-
// </NavigationMenuLink>
|
117
|
-
// </Link>
|
118
|
-
// </NavigationMenuItem>
|
119
|
-
// </NavigationMenuList>
|
120
|
-
// </NavigationMenu>
|
121
|
-
// )
|
122
|
-
// }
|
123
|
-
|
124
|
-
|
125
20
|
const DesktopNav: React.FC<{
|
126
21
|
links: LinkDefExtended[],
|
127
22
|
}> = ({
|
@@ -135,7 +30,7 @@ const DesktopNav: React.FC<{
|
|
135
30
|
|
136
31
|
if (el.isAIMenu) {
|
137
32
|
return (
|
138
|
-
<NavigationMenuItem>
|
33
|
+
<NavigationMenuItem key={index}>
|
139
34
|
<Link href={el.href} legacyBehavior passHref>
|
140
35
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
|
141
36
|
{el.title}
|
@@ -145,11 +40,11 @@ const DesktopNav: React.FC<{
|
|
145
40
|
)
|
146
41
|
} else if (el.title == 'Community') {
|
147
42
|
return (
|
148
|
-
<NavigationMenuItem>
|
43
|
+
<NavigationMenuItem key={index}>
|
149
44
|
<NavigationMenuTrigger>{el.title}</NavigationMenuTrigger>
|
150
45
|
<NavigationMenuContent>
|
151
|
-
<ul className="grid md:grid-cols-2 gap-3 p-6 md:w-[400px] lg:w-[500px]">
|
152
|
-
<li className="row-span-3">
|
46
|
+
<ul className="grid md:grid-cols-2 gap-3 p-6 md:w-[400px] lg:w-[500px]" key={index}>
|
47
|
+
<li className="row-span-3" key='0'>
|
153
48
|
<NavigationMenuLink asChild>
|
154
49
|
<a
|
155
50
|
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<{
|
|
165
60
|
</a>
|
166
61
|
</NavigationMenuLink>
|
167
62
|
</li>
|
168
|
-
{el.childMenu?.map((component) => (
|
169
|
-
<div className="relative flex items-center my-2">
|
63
|
+
{el.childMenu?.map((component, index) => (
|
64
|
+
<div className="relative flex items-center my-2" key={index}>
|
170
65
|
<div className="mr-2 mt-0">
|
171
66
|
{component.icon}
|
172
67
|
</div>
|
173
|
-
<ListItem href={component.href} title={component.title}>
|
68
|
+
<ListItem href={component.href} title={component.title} key={index}>
|
174
69
|
{component.contents}
|
175
70
|
</ListItem>
|
176
71
|
</div>
|
@@ -182,13 +77,13 @@ const DesktopNav: React.FC<{
|
|
182
77
|
)
|
183
78
|
} else {
|
184
79
|
return (
|
185
|
-
<NavigationMenuItem>
|
80
|
+
<NavigationMenuItem key={index}>
|
186
81
|
<NavigationMenuTrigger>{el.title}</NavigationMenuTrigger>
|
187
82
|
<NavigationMenuContent>
|
188
|
-
<ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[500px] ">
|
189
|
-
{el.childMenu?.map((component) => (
|
83
|
+
<ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[500px] " key={index}>
|
84
|
+
{el.childMenu?.map((component, index) => (
|
190
85
|
<ListItem
|
191
|
-
key={
|
86
|
+
key={index}
|
192
87
|
title={component.title}
|
193
88
|
href={component.href}
|
194
89
|
>
|
@@ -211,9 +106,9 @@ export default DesktopNav
|
|
211
106
|
const ListItem = React.forwardRef<
|
212
107
|
React.ElementRef<"a">,
|
213
108
|
React.ComponentPropsWithoutRef<"a">
|
214
|
-
>(({ className, title, children, ...props }, ref) => {
|
109
|
+
>(({ className, title, children, key, ...props }, ref) => {
|
215
110
|
return (
|
216
|
-
<li>
|
111
|
+
<li key={key}>
|
217
112
|
<NavigationMenuLink asChild>
|
218
113
|
<a
|
219
114
|
ref={ref}
|
@@ -36,14 +36,6 @@ const DesktopHeader: React.FC<{
|
|
36
36
|
<Logo size='sm' href='/' className='hidden md:flex lg:hidden' key='one' layout='text-only'/>
|
37
37
|
{/* md or larger */}
|
38
38
|
<div className='flex gap-4 items-center'>
|
39
|
-
{/* <NavItems
|
40
|
-
currentAs={currentAs}
|
41
|
-
items={links}
|
42
|
-
className='flex md:gap-4 lg:justify-between lg:gap-7'
|
43
|
-
itemClx='font-nav h-8'
|
44
|
-
key='three'
|
45
|
-
/> */}
|
46
|
-
|
47
39
|
<DesktopNav links = {links}/>
|
48
40
|
<DesktopBagPopup popupClx='w-[340px]' trigger={<BagButton className='text-primary -mr-[3px] lg:min-w-0' />} />
|
49
41
|
<AuthWidget/>
|
package/package.json
CHANGED