mirror of
https://github.com/fosrl/pangolin.git
synced 2025-08-28 05:44:01 +02:00
ea24759bb3
* New translation keys in en-US locale * New translation keys in de-DE locale * New translation keys in fr-FR locale * New translation keys in it-IT locale * New translation keys in pl-PL locale * New translation keys in pt-PT locale * New translation keys in tr-TR locale * Move into function * Replace string matching to boolean check * Add FIXIT in UsersTable * Use localization for size units * Missed and restored translation keys * fixup! New translation keys in tr-TR locale * Add translation keys in components
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { cn } from "@app/lib/cn";
|
|
import { useTranslations } from "next-intl";
|
|
|
|
type ProfessionalContentOverlayProps = {
|
|
children: React.ReactNode;
|
|
isProfessional?: boolean;
|
|
};
|
|
|
|
export function ProfessionalContentOverlay({
|
|
children,
|
|
isProfessional = false
|
|
}: ProfessionalContentOverlayProps) {
|
|
const t = useTranslations();
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"relative",
|
|
isProfessional && "opacity-60 pointer-events-none"
|
|
)}
|
|
>
|
|
{isProfessional && (
|
|
<div className="absolute inset-0 flex items-center justify-center bg-background/80 z-50">
|
|
<div className="text-center p-6 bg-primary/10 rounded-lg">
|
|
<h3 className="text-lg font-semibold mb-2">
|
|
{t('licenseTierProfessionalRequired')}
|
|
</h3>
|
|
<p className="text-muted-foreground">
|
|
{t('licenseTierProfessionalRequiredDescription')}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
)}
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|