diff --git a/app/components/header/DemoHeadline.tsx b/app/components/header/DemoHeadline.tsx new file mode 100644 index 0000000..0b7da1d --- /dev/null +++ b/app/components/header/DemoHeadline.tsx @@ -0,0 +1,21 @@ +import Link from 'next/link'; +import {FC} from 'react'; + +export const DemoHeadline: FC = () => { + return ( +
+

+ This project is for demonstration purposes only. For more information, + check{' '} + + here + + . +

+
+ ); +}; + +export default DemoHeadline; diff --git a/app/components/header/Header.tsx b/app/components/header/Header.tsx index 76bee6a..a0dc208 100644 --- a/app/components/header/Header.tsx +++ b/app/components/header/Header.tsx @@ -10,7 +10,7 @@ const greatVibes = Great_Vibes({weight: '400', subsets: ['latin']}); export const Header = () => { return (
-
+
diff --git a/app/components/header/cart/CartDropdownMenu.tsx b/app/components/header/cart/CartDropdownMenu.tsx index 99fddc5..0564ffb 100644 --- a/app/components/header/cart/CartDropdownMenu.tsx +++ b/app/components/header/cart/CartDropdownMenu.tsx @@ -1,15 +1,32 @@ +'use client'; import * as DropdownMenu from '@radix-ui/react-dropdown-menu'; import {ShoppingBagIcon} from 'lucide-react'; import {CartDropdownItems} from './CartDropdownItems'; +import {useAppSelector} from '@/app/lib/store/storeHooks'; +import {selectCartItems} from '@/app/lib/store/reducers/cart/cartReducer'; const CartDropdownMenu = () => { + // const userId: string | undefined = undefined; + const cartItems = useAppSelector(selectCartItems); + return ( diff --git a/app/components/header/nav/NavMenu.tsx b/app/components/header/nav/NavMenu.tsx index 6353c2f..0a70743 100644 --- a/app/components/header/nav/NavMenu.tsx +++ b/app/components/header/nav/NavMenu.tsx @@ -59,7 +59,7 @@ const NavMenus = async () => { return ( <> - + {menuItems && menuItems.map((item) => )} diff --git a/app/layout.tsx b/app/layout.tsx index 31b100f..29dfce2 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -8,6 +8,7 @@ import LoadCartItems from './components/auxiliary/LoadCartItems'; import LoadProducts from './components/auxiliary/LoadProducts'; import {CreateUserBridge} from './components/landing/CreateUserBridge'; import {Analytics} from '@vercel/analytics/react'; +import DemoHeadline from './components/header/DemoHeadline'; const workSans = Work_Sans({subsets: ['latin']}); @@ -34,6 +35,7 @@ export default function RootLayout({
+
{children}