david_bai
7a1ab18657
Align the next-intl message schema across components, hooks, and locale files so the frontend uses one canonical structure instead of compile-first workarounds. Restore Spanish, French, German, Japanese, and Korean translations to the new schema while narrowing clipboard hook dependencies to translation contracts.
23 lines
669 B
TypeScript
23 lines
669 B
TypeScript
import React from "react";
|
|
import { useTranslations } from "next-intl";
|
|
import { Upload } from "lucide-react";
|
|
|
|
interface FullScreenDropZoneProps {
|
|
isDragging: boolean;
|
|
}
|
|
|
|
const FullScreenDropZone: React.FC<FullScreenDropZoneProps> = ({ isDragging }) => {
|
|
const t = useTranslations("text.fileUpload");
|
|
|
|
if (!isDragging) return null;
|
|
|
|
return (
|
|
<div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-black bg-opacity-70 backdrop-blur-sm">
|
|
<Upload className="h-24 w-24 text-white animate-bounce" />
|
|
<p className="mt-6 text-2xl font-bold text-white">{t("dragTip")}</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FullScreenDropZone;
|