base admin

2026-06-03 12:24:32 +03:30
parent 76f3e1bf6e
commit 3bfd5fd1eb
16 changed files with 374 additions and 3 deletions
@@ -0,0 +1,38 @@
+import { type FC } from "react";
+import { DocumentUpload, Music } from "iconsax-react";
+
+type AudioUploadZoneProps = {
+    getRootProps: () => React.HTMLAttributes<HTMLDivElement>;
+    getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+};
+
+const AudioUploadZone: FC<AudioUploadZoneProps> = ({ getRootProps, getInputProps }) => {
+    return (
+        <div
+            {...getRootProps()}
+            className="w-full py-8 border border-dashed border-description flex flex-col justify-center items-center gap-4 rounded-2xl cursor-pointer hover:bg-gray-50 transition-colors"
+        >
+            <input {...getInputProps()} />
+            <Music
+                size={32}
+                color="#8C90A3"
+                variant="Outline"
+            />
+            <div className="text-description text-xs">
+                فایل صوتی مورد نظر را آپلود کنید
+            </div>
+            <div className="text-description text-[10px]">
+                mp3, wav, ogg, m4a, aac, flac
+            </div>
+            <div className="flex items-center gap-2">
+                <DocumentUpload
+                    size={16}
+                    color="black"
+                />
+                <div className="text-xs">آپلود</div>
+            </div>
+        </div>
+    );
+};
+
+export default AudioUploadZone;