amirhosein.ashourlooandClaude Sonnet 5
5152b16d61
Per api.meshkee.com/docs/website/AI_PROMPT.md's hard rules (which an
earlier pass on this branch missed): login, register, OTP, the real
cart, addresses, and payment are the customer dashboard's job
(customer.sanihome.ir), not this storefront's. This site should only
ever run a local guest mini-cart and hand off to the dashboard.
- Remove: AuthContext, LoginModal, lib/auth.ts, lib/cart.ts (the real
/businesses/{id}/cart integration), and the /checkout page entirely.
- Add lib/guestCart.ts: localStorage + shared cookie
(meshkee-guest-cart, Domain=.sanihome.ir) cart, storeItemVariantId
keyed, matching the spec's line shape and ~3500-char cookie-size
cutoff.
- CartContext is now a thin React wrapper over the guest cart (no
server round-trip, so add/update/remove are synchronous); CartPopup's
"Continue" builds the exact customer.sanihome.ir/checkout/cart
(or /login?redirect=...) URL from the spec, base64url-encoding the
cart and detecting an existing dashboard session via the shared
meshkee_customer_access_token cookie.
- ProductCard and ProductPurchasePanel add to the guest cart directly;
no login gate on add-to-cart anymore.
- Comments panel is a plain guest name/email/text form again (the
comments API never required auth — gating it on the now-removed
login system was wrong regardless).
- CONTEXT.md rewritten to document the guest-cart contract explicitly
and flag this exact mistake so it doesn't get reintroduced.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import { Carousel } from "@/components/ui/Carousel";
|
|
import { ProductCard } from "@/components/ui/ProductCard";
|
|
import { SectionTitle } from "@/components/ui/SectionTitle";
|
|
import { EmptyState } from "@/components/ui/EmptyState";
|
|
import { productHref, type ProductGroup } from "@/lib/meshkee";
|
|
|
|
export function BrandGroupCarousels({
|
|
brandGroups,
|
|
contactPhone,
|
|
}: {
|
|
brandGroups: ProductGroup[];
|
|
contactPhone?: string;
|
|
}) {
|
|
if (brandGroups.length === 0) {
|
|
return (
|
|
<section className="py-10 md:py-14">
|
|
<div className="mx-auto max-w-7xl px-4">
|
|
<SectionTitle title="محصولات برندها" enTitle="Brand Collections" />
|
|
<EmptyState message="هنوز محصولی برای برندها ثبت نشده است." />
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{brandGroups.map((group) => (
|
|
<section key={group.id} className="py-10 md:py-14">
|
|
<div className="mx-auto max-w-7xl px-4">
|
|
<SectionTitle title={group.title} enTitle={group.title} action="مشاهده همه" />
|
|
<Carousel ariaLabel={`کاروسل ${group.title}`}>
|
|
{group.items.map((product) => (
|
|
<ProductCard
|
|
key={product.id}
|
|
name={product.name}
|
|
brand={product.brand ?? ""}
|
|
price={product.price}
|
|
oldPrice={product.oldPrice}
|
|
discount={product.discount}
|
|
image={product.image ?? "/images/placeholder.svg"}
|
|
variant="brand"
|
|
href={productHref(product)}
|
|
contactPhone={contactPhone}
|
|
variantId={product.variantId}
|
|
slug={product.slug}
|
|
/>
|
|
))}
|
|
</Carousel>
|
|
</div>
|
|
</section>
|
|
))}
|
|
</>
|
|
);
|
|
}
|