Route partnership CTA to the store account and polish search modal.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
co-authored by
Cursor
parent
fa248d2f6a
commit
f44058bd6e
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user