init

1 files changed, 38 insertions, 0 deletions

diff --git a/src/app/upload/page.tsx b/src/app/upload/page.tsx
new file mode 100644
index 0000000..d0f096f
--- /dev/null
+++ b/src/app/upload/page.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import { Button } from '@/components/ui';
+import {
+    UploadMenu,
+    FileDropzone,
+    TagsInput,
+    SourceInput,
+} from '@/components/upload';
+import { PUBLISH_DISCLAIMER } from '@/lib/consts';
+
+export default function Upload() {
+    return (
+        <div className="flex justify-between w-full">
+            <UploadMenu />
+            <form
+                className="flex flex-col grow max-w-[900px] gap-5"
+                onSubmit={(e) => {
+                    console.log('SUBMIT');
+                    e.preventDefault();
+
+                    const formData = new FormData(e.currentTarget);
+                    const data: any = Object.fromEntries(formData.entries());
+
+                    console.log(data.files);
+                }}
+            >
+                <FileDropzone />
+                <TagsInput />
+                <SourceInput />
+                <span className="text-center text-sm">
+                    {PUBLISH_DISCLAIMER}
+                </span>
+                <Button>Опубликовать</Button>
+            </form>
+        </div>
+    );
+}