addwin/winofy-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/home/location-reminder-banner.tsx
View file

@ -10,7 +10,7 @@ export function LocationReminderBanner() {
if (dismissed) return null;
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
type="button"
onClick={() => setDismissed(true)}
@ -20,9 +20,9 @@ export function LocationReminderBanner() {
<X className="h-4 w-4" />
</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>
<p className="text-body-medium text-gray-700">
<p className="text-body-medium text-gray-700 leading-6">
برای نمایش نزدیک‌ترین فروشگاه‌ها، موقعیت مکانی خود را فعال کنید یا محله خود را به صورت دستی انتخاب کنید.
</p>
</div>

14
src/components/home/site-header.tsx
View file

@ -1,5 +1,5 @@
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. */
export function SiteHeader({
@ -13,6 +13,12 @@ export function SiteHeader({
}) {
return (
<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 ? (
<Link href="/cart" className="relative flex h-8 w-8 items-center justify-center text-primary-action">
<ShoppingBag className="h-6 w-6" />
@ -30,12 +36,6 @@ export function SiteHeader({
ورود
</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>
);
}