Change header buttons, fix Medusa link
This commit is contained in:
parent
541872e076
commit
0054aa24cc
2 changed files with 7 additions and 3 deletions
|
|
@ -8,6 +8,7 @@ import { MenuToggleButton } from "./MenuToggleButton";
|
||||||
import { ThemeToggleButton } from "./ThemeToggleButton";
|
import { ThemeToggleButton } from "./ThemeToggleButton";
|
||||||
import { SocialButtons } from "./SocialButtons";
|
import { SocialButtons } from "./SocialButtons";
|
||||||
import { CartButton } from "@/components/cart/CartButton";
|
import { CartButton } from "@/components/cart/CartButton";
|
||||||
|
import { useCart } from "@/components/cart/CartContext";
|
||||||
import { AccountButton } from "@/components/auth/AccountButton";
|
import { AccountButton } from "@/components/auth/AccountButton";
|
||||||
import { GlobalSearch } from "@/components/search/GlobalSearch";
|
import { GlobalSearch } from "@/components/search/GlobalSearch";
|
||||||
|
|
||||||
|
|
@ -94,6 +95,7 @@ const itemVariants = {
|
||||||
export function Header() {
|
export function Header() {
|
||||||
const [open, setOpen] = useState(false);
|
const [open, setOpen] = useState(false);
|
||||||
const [searchOpen, setSearchOpen] = useState(false);
|
const [searchOpen, setSearchOpen] = useState(false);
|
||||||
|
const { itemCount } = useCart();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (open) {
|
if (open) {
|
||||||
|
|
@ -143,7 +145,7 @@ export function Header() {
|
||||||
transition={{ type: "tween", ease: "easeInOut", duration: 0.3 }}
|
transition={{ type: "tween", ease: "easeInOut", duration: 0.3 }}
|
||||||
>
|
>
|
||||||
<GlobalSearch onOpenChange={setSearchOpen} />
|
<GlobalSearch onOpenChange={setSearchOpen} />
|
||||||
<div className={searchOpen ? "hidden md:block" : ""}>
|
<div className={itemCount > 0 ? (searchOpen ? "hidden md:block" : "") : "hidden"}>
|
||||||
<CartButton />
|
<CartButton />
|
||||||
</div>
|
</div>
|
||||||
<MenuToggleButton open={open} onClick={() => setOpen(true)} className={searchOpen ? "hidden md:flex" : ""} />
|
<MenuToggleButton open={open} onClick={() => setOpen(true)} className={searchOpen ? "hidden md:flex" : ""} />
|
||||||
|
|
|
||||||
|
|
@ -164,7 +164,8 @@ export async function getProductByEan(ean: string): Promise<MedusaProduct | null
|
||||||
try {
|
try {
|
||||||
const products = await getAllProducts();
|
const products = await getAllProducts();
|
||||||
return products.find((p) => p.metadata?.ean === ean) ?? null;
|
return products.find((p) => p.metadata?.ean === ean) ?? null;
|
||||||
} catch {
|
} catch (err) {
|
||||||
|
console.error("[Medusa] getProductByEan failed:", err);
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -177,7 +178,8 @@ export async function getProductByCatalogNo(catalogNo: string): Promise<MedusaPr
|
||||||
(p) => p.metadata?.catalogue_number?.toUpperCase() === catalogNo.toUpperCase(),
|
(p) => p.metadata?.catalogue_number?.toUpperCase() === catalogNo.toUpperCase(),
|
||||||
) ?? null
|
) ?? null
|
||||||
);
|
);
|
||||||
} catch {
|
} catch (err) {
|
||||||
|
console.error("[Medusa] getProductByCatalogNo failed:", err);
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue