Route partnership CTA to the store account and polish search modal.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-09-27 21:51:44 +03:30
co-authored by Cursor
parent fa248d2f6a
commit f44058bd6e
7 changed files with 200 additions and 216 deletions
+25 -30
View File
@@ -1,44 +1,39 @@
type ProductEmptyStateProps = {
title?: string;
description?: string;
titleFa?: string;
titleEn?: string;
};
export default function ProductEmptyState({
title = "محصولی پیدا نشد",
description = "با فیلترهای انتخاب‌شده نتیجه‌ای وجود ندارد. فیلترها را تغییر دهید یا همه را پاک کنید.",
titleFa = "متاسفیم، بر اساس جستجوی شما، محصولی وجود ندارد",
titleEn = "We're sorry. There is no result based on your criteria",
}: ProductEmptyStateProps) {
return (
<div
dir="rtl"
className="mx-auto flex w-full max-w-[1920px] flex-col items-center justify-center px-4 py-20 text-center sm:px-6 sm:py-28 lg:px-[120px] lg:py-32"
className="mx-auto mb-16 w-full max-w-[1920px] px-4 sm:mb-20 sm:px-6 lg:mb-24 lg:px-[120px]"
role="status"
>
<div className="flex size-24 items-center justify-center rounded-full border border-[#818181]/35 bg-[#f7f7f7] sm:size-28">
<svg
width="40"
height="40"
viewBox="0 0 24 24"
fill="none"
aria-hidden
className="text-[#818181]"
<div
className="flex flex-col items-center justify-center rounded-[5px] border border-[#ececec] px-5 py-10 text-center sm:px-8 sm:py-12"
style={{
backgroundColor: "#fafafa",
backgroundImage:
"radial-gradient(circle, rgba(10,10,10,0.06) 0.8px, transparent 1px)",
backgroundSize: "14px 14px",
}}
>
<h2
dir="rtl"
className="max-w-2xl font-doran text-base font-medium leading-8 text-ink sm:text-lg sm:leading-9"
>
<path
d="M4 7h16l-1.2 12.2A2 2 0 0 1 16.81 21H7.19a2 2 0 0 1-1.99-1.8L4 7Z"
stroke="currentColor"
strokeWidth="1.5"
/>
<path
d="M9 10v7M15 10v7M8 7l1.2-2.4A1 1 0 0 1 10.1 4h3.8a1 1 0 0 1 .9.6L16 7"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
/>
</svg>
{titleFa}
</h2>
<p
dir="ltr"
className="mt-2.5 max-w-xl font-montserrat text-[11px] font-light uppercase tracking-[0.14em] text-[#9a9a9a] sm:text-xs sm:tracking-[0.16em]"
>
{titleEn}
</p>
</div>
<h2 className="mt-6 text-xl font-normal text-ink sm:text-2xl">{title}</h2>
<p className="mt-3 max-w-md text-sm font-light leading-7 text-[#6a6a6a] sm:text-base">
{description}
</p>
</div>
);
}