david_bai
cf529eed64
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
25 lines
727 B
TypeScript
25 lines
727 B
TypeScript
import React from "react";
|
|
import { useMessages } from "@/components/providers/TranslationProvider";
|
|
import { Upload } from "lucide-react";
|
|
|
|
interface FullScreenDropZoneProps {
|
|
isDragging: boolean;
|
|
}
|
|
|
|
const FullScreenDropZone: React.FC<FullScreenDropZoneProps> = ({ isDragging }) => {
|
|
const messages = useMessages();
|
|
|
|
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">
|
|
{messages.text.fileUploadHandler.dragTip}
|
|
</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FullScreenDropZone;
|