hamid zarghami
54 lines
2.1 KiB
TypeScript
54 lines
2.1 KiB
TypeScript
import { DocumentUpload } from "iconsax-react";
|
||
import { useEditorStore, type ToolType } from "@/pages/editor/store/editorStore";
|
||
import Button from "@/components/Button";
|
||
|
||
const DocumentUploadComponent = () => {
|
||
return (
|
||
<div className="space-y-4">
|
||
<div>
|
||
<label className="block text-sm mb-2">آپلود سند</label>
|
||
<input
|
||
type="file"
|
||
accept=".pdf,.doc,.docx"
|
||
onChange={(e) => {
|
||
const file = e.target.files?.[0];
|
||
if (file) {
|
||
const reader = new FileReader();
|
||
reader.onload = (event) => {
|
||
const fileUrl = event.target?.result as string;
|
||
const newDocument = {
|
||
id: `document-${Date.now()}`,
|
||
type: "document" as ToolType,
|
||
x: 100,
|
||
y: 100,
|
||
width: 200,
|
||
height: 250,
|
||
imageUrl: fileUrl,
|
||
};
|
||
const { addObject, setSelectedObjectId, setTool } = useEditorStore.getState();
|
||
addObject(newDocument);
|
||
setSelectedObjectId(newDocument.id);
|
||
setTool("select");
|
||
};
|
||
reader.readAsDataURL(file);
|
||
}
|
||
}}
|
||
className="hidden"
|
||
id="document-upload"
|
||
/>
|
||
<Button
|
||
variant="outline"
|
||
onClick={() => document.getElementById("document-upload")?.click()}
|
||
className="w-full"
|
||
>
|
||
<DocumentUpload size={20} />
|
||
انتخاب سند
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default DocumentUploadComponent;
|
||
|