From ee4444a534f418317c674d20f1de756e8255ebcc Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Tue, 22 Jul 2025 20:24:40 +0700
Subject: [PATCH] removed the asset name field

---
 .../reusable/UploadModal3D/UploadFiles3D.tsx  | 35 +++----------------
 1 file changed, 5 insertions(+), 30 deletions(-)

diff --git a/frontend/apps/editor3d/app/src/components/reusable/UploadModal3D/UploadFiles3D.tsx b/frontend/apps/editor3d/app/src/components/reusable/UploadModal3D/UploadFiles3D.tsx
index 6e6fbf96f7..d4aac54682 100644
--- a/frontend/apps/editor3d/app/src/components/reusable/UploadModal3D/UploadFiles3D.tsx
+++ b/frontend/apps/editor3d/app/src/components/reusable/UploadModal3D/UploadFiles3D.tsx
@@ -1,8 +1,6 @@
 import { useCallback, useEffect, useState, useRef } from "react";
 import { ListDropdown } from "@storyteller/ui-list-dropdown";
 import { Button } from "@storyteller/ui-button";
-import { Input } from "@storyteller/ui-input";
-import { Label } from "@storyteller/ui-label";
 import { FileUploader } from "@storyteller/ui-file-uploader";
 import { loadPreviewOnCanvas, snapshotCanvasAsThumbnail } from "./utilities";
 import { upload3DObjects } from "./utilities/upload3DObjects";
@@ -48,13 +46,6 @@ export const UploadFiles3D = ({
       : undefined,
   );
 
-  const [uploadTitle, setUploadTitle] = useState<{
-    value: string;
-    error?: string;
-  }>({
-    value: "",
-  });
-
   const [assetFile, setAssetFile] = useState<{
     value: File | null;
     error?: string;
@@ -70,14 +61,6 @@ export const UploadFiles3D = ({
   );
 
   const handleSubmit = () => {
-    if (!uploadTitle.value) {
-      setUploadTitle((curr) => ({
-        ...curr,
-        error: "Please enter a title.",
-      }));
-      return;
-    }
-
     if (!assetFile.value) {
       setAssetFile((curr) => ({
         ...curr,
@@ -86,8 +69,11 @@ export const UploadFiles3D = ({
       return;
     }
 
+    // Use the filename as the title
+    const title = assetFile.value.name.split(".")[0];
+
     upload3DObjects({
-      title: uploadTitle.value,
+      title: title,
       assetFile: assetFile.value,
       thumbnailSnapshot: thumbnailFile,
       engineCategory: engineCategory,
@@ -124,17 +110,6 @@ export const UploadFiles3D = ({
   return (
     <>
       <div className="flex flex-col gap-3">
-        <div className="flex flex-col">
-          <Label required>Asset Name</Label>
-          <Input
-            placeholder="Enter the asset name here"
-            errorMessage={uploadTitle.error}
-            value={uploadTitle.value}
-            onChange={(event) => setUploadTitle({ value: event.target.value })}
-            className={uploadTitle.error ? "mb-3" : ""}
-          />
-        </div>
-
         <FileUploader
           fileTypes={fileTypes}
           file={assetFile.value ?? undefined}
@@ -183,7 +158,7 @@ export const UploadFiles3D = ({
           <Button
             variant="primary"
             onClick={handleSubmit}
-            disabled={!uploadTitle.value || !assetFile.value}
+            disabled={!assetFile.value}
           >
             Upload
           </Button>