Total
@@ -230,7 +230,7 @@ export default function CartModal() {
function CloseCart({ className }: { className?: string }) {
return (
-
+
- {pending ? : 'Proceed to Checkout'}
+ {pending ? : 'Proceed to Checkout'}
);
}
diff --git a/components/label.tsx b/components/label.tsx
index a95c03099..bf7eb7c0e 100644
--- a/components/label.tsx
+++ b/components/label.tsx
@@ -5,7 +5,7 @@ const Label = ({
title,
amount,
currencyCode,
- position = 'bottom'
+ position = 'bottom',
}: {
title: string;
amount: string;
@@ -14,17 +14,22 @@ const Label = ({
}) => {
return (
-
diff --git a/components/layout/navbar/index copy.tsx b/components/layout/navbar/index copy.tsx
new file mode 100644
index 000000000..618b3545a
--- /dev/null
+++ b/components/layout/navbar/index copy.tsx
@@ -0,0 +1,62 @@
+import CartModal from 'components/cart/modal'
+import LogoSquare from 'components/logo-square'
+import { getMenu } from 'lib/shopify'
+import { Menu } from 'lib/shopify/types'
+import Link from 'next/link'
+import { Suspense } from 'react'
+import MobileMenu from './mobile-menu'
+import Search, { SearchButton, SearchSkeleton } from './search'
+
+const { SITE_NAME } = process.env
+
+export async function Navbar() {
+ const menu = await getMenu('next-js-frontend-header-menu')
+
+ return (
+
+ )
+}
diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
index 6c7f3dead..ccd88046d 100644
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@@ -1,16 +1,16 @@
-import CartModal from 'components/cart/modal';
-import LogoSquare from 'components/logo-square';
-import { getMenu } from 'lib/shopify';
-import { Menu } from 'lib/shopify/types';
-import Link from 'next/link';
-import { Suspense } from 'react';
-import MobileMenu from './mobile-menu';
-import Search, { SearchSkeleton } from './search';
+import CartModal from 'components/cart/modal'
+import LogoSquare from 'components/logo-square'
+import { getMenu } from 'lib/shopify'
+import { Menu } from 'lib/shopify/types'
+import Link from 'next/link'
+import { Suspense } from 'react'
+import MobileMenu from './mobile-menu'
+import Search, { SearchButton, SearchSkeleton } from './search'
-const { SITE_NAME } = process.env;
+const { SITE_NAME } = process.env
export async function Navbar() {
- const menu = await getMenu('next-js-frontend-header-menu');
+ const menu = await getMenu('next-js-frontend-header-menu')
return (
- );
+ )
}
diff --git a/components/layout/navbar/search.tsx b/components/layout/navbar/search.tsx
index a590db6a3..4a9ac8a34 100644
--- a/components/layout/navbar/search.tsx
+++ b/components/layout/navbar/search.tsx
@@ -1,14 +1,17 @@
-'use client';
+'use client'
-import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
-import Form from 'next/form';
-import { useSearchParams } from 'next/navigation';
+import { MagnifyingGlassIcon } from '@heroicons/react/24/outline'
+import Form from 'next/form'
+import { useSearchParams } from 'next/navigation'
export default function Search() {
- const searchParams = useSearchParams();
+ const searchParams = useSearchParams()
return (
-
- );
+ )
}
export function SearchSkeleton() {
@@ -36,5 +39,13 @@ export function SearchSkeleton() {
- );
+ )
+}
+
+export function SearchButton() {
+ return (
+
+
Search
+
+ )
}
diff --git a/package.json b/package.json
index d0ca7faba..86f27a12b 100644
--- a/package.json
+++ b/package.json
@@ -30,5 +30,6 @@
"prettier-plugin-tailwindcss": "^0.6.11",
"tailwindcss": "^4.0.14",
"typescript": "5.8.2"
- }
+ },
+ "packageManager": "pnpm@10.6.5+sha512.cdf928fca20832cd59ec53826492b7dc25dc524d4370b6b4adbf65803d32efaa6c1c88147c0ae4e8d579a6c9eec715757b50d4fa35eea179d868eada4ed043af"
}
diff --git a/tsconfig.json b/tsconfig.json
index 5504152f4..a52be867f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -21,7 +21,10 @@
{
"name": "next"
}
- ]
+ ],
+ "paths": {
+ "@/*": ["./*"]
+ }
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
"exclude": ["node_modules"]