52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
"use client"
|
|
|
|
import { useLanguageContext } from "@/components/language-selector"
|
|
import { Button } from "@/styles/base-nova/ui-rtl/button"
|
|
import {
|
|
Empty,
|
|
EmptyContent,
|
|
EmptyDescription,
|
|
EmptyHeader,
|
|
EmptyMedia,
|
|
EmptyTitle,
|
|
} from "@/styles/base-nova/ui-rtl/empty"
|
|
import { Spinner } from "@/styles/base-nova/ui-rtl/spinner"
|
|
|
|
const translations = {
|
|
ar: {
|
|
dir: "rtl" as const,
|
|
title: "جارٍ معالجة طلبك",
|
|
description: "يرجى الانتظار بينما نعالج طلبك. لا تقم بتحديث الصفحة.",
|
|
cancel: "إلغاء",
|
|
},
|
|
he: {
|
|
dir: "rtl" as const,
|
|
title: "מעבד את הבקשה שלך",
|
|
description: "אנא המתן בזמן שאנו מעבדים את בקשתך. אל תרענן את הדף.",
|
|
cancel: "ביטול",
|
|
},
|
|
}
|
|
|
|
export function SpinnerEmpty() {
|
|
const context = useLanguageContext()
|
|
const lang = context?.language === "he" ? "he" : "ar"
|
|
const t = translations[lang]
|
|
|
|
return (
|
|
<Empty className="w-full border md:p-6" dir={t.dir}>
|
|
<EmptyHeader>
|
|
<EmptyMedia variant="icon">
|
|
<Spinner />
|
|
</EmptyMedia>
|
|
<EmptyTitle>{t.title}</EmptyTitle>
|
|
<EmptyDescription>{t.description}</EmptyDescription>
|
|
</EmptyHeader>
|
|
<EmptyContent>
|
|
<Button variant="outline" size="sm">
|
|
{t.cancel}
|
|
</Button>
|
|
</EmptyContent>
|
|
</Empty>
|
|
)
|
|
}
|