fix: swap header order so neighborhood selector sits on the right and login/cart button on the top-left

This commit is contained in:
Afra ‌ 2026-08-17 17:38:41 +03:30
parent 3609c97e34
commit 6f207753be
2 changed files with 10 additions and 10 deletions

View file

@ -10,7 +10,7 @@ export function LocationReminderBanner() {
if (dismissed) return null; if (dismissed) return null;
return ( return (
<div className="relative mx-4 flex flex-col gap-4 rounded-2xl border border-[#F0642D] bg-[#FFFBF7] p-4"> <div className="relative mx-4 flex flex-col gap-5 rounded-2xl border border-[#F0642D] bg-[#FFFBF7] p-4">
<button <button
type="button" type="button"
onClick={() => setDismissed(true)} onClick={() => setDismissed(true)}
@ -20,9 +20,9 @@ export function LocationReminderBanner() {
<X className="h-4 w-4" /> <X className="h-4 w-4" />
</button> </button>
<div className="flex flex-col gap-1 pl-6"> <div className="flex flex-col gap-4 pl-6">
<h3 className="text-title-medium font-semibold text-foreground">فروشگاه‌های نزدیکت رو پیدا کن</h3> <h3 className="text-title-medium font-semibold text-foreground">فروشگاه‌های نزدیکت رو پیدا کن</h3>
<p className="text-body-medium text-gray-700"> <p className="text-body-medium text-gray-700 leading-6">
برای نمایش نزدیک‌ترین فروشگاه‌ها، موقعیت مکانی خود را فعال کنید یا محله خود را به صورت دستی انتخاب کنید. برای نمایش نزدیک‌ترین فروشگاه‌ها، موقعیت مکانی خود را فعال کنید یا محله خود را به صورت دستی انتخاب کنید.
</p> </p>
</div> </div>

View file

@ -1,5 +1,5 @@
import Link from "next/link"; import Link from "next/link";
import { ChevronDown, MapPin, ShoppingBag } from "lucide-react"; import { ChevronLeft, MapPin, ShoppingBag } from "lucide-react";
/** guest-home / C04 header — winofyfrontenddoc (1).md §3.2 / §4.5. */ /** guest-home / C04 header — winofyfrontenddoc (1).md §3.2 / §4.5. */
export function SiteHeader({ export function SiteHeader({
@ -13,6 +13,12 @@ export function SiteHeader({
}) { }) {
return ( return (
<header className="flex w-full items-center justify-between px-4 py-3"> <header className="flex w-full items-center justify-between px-4 py-3">
<Link href="/location/search" className="flex items-center gap-1 text-body-medium text-foreground">
<ChevronLeft className="h-4 w-4 text-gray-600" />
<span className="font-semibold">{locationLabel ?? "انتخاب محله"}</span>
<MapPin className="text-primary-action" />
</Link>
{isAuthenticated ? ( {isAuthenticated ? (
<Link href="/cart" className="relative flex h-8 w-8 items-center justify-center text-primary-action"> <Link href="/cart" className="relative flex h-8 w-8 items-center justify-center text-primary-action">
<ShoppingBag className="h-6 w-6" /> <ShoppingBag className="h-6 w-6" />
@ -30,12 +36,6 @@ export function SiteHeader({
ورود ورود
</Link> </Link>
)} )}
<Link href="/location/search" className="flex items-center gap-1 text-body-medium text-foreground">
<ChevronDown className="h-4 w-4 text-gray-600" />
<span>{locationLabel ?? "انتخاب محله"}</span>
<MapPin className="h-4 w-4 text-primary-action" />
</Link>
</header> </header>
); );
} }