From bf63509a6e3955e86142f4461306b2fd50481bd3 Mon Sep 17 00:00:00 2001
From: Srayash <srayashsingh995@gmail.com>
Date: Mon, 2 Dec 2024 00:16:47 +0530
Subject: [PATCH] modify upload component to take receivedFile and renderTab as
 props.

---
 frontend/src/Navigation.tsx         |  2 ++
 frontend/src/settings/Documents.tsx |  2 ++
 frontend/src/upload/Upload.tsx      | 10 +++++++---
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index f6d65675..c29aaf20 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -476,8 +476,10 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
       />
       {uploadModalState === 'ACTIVE' && (
         <Upload
+          receivedFile={[]}
           setModalState={setUploadModalState}
           isOnboarding={false}
+          renderTab={null}
           close={() => setUploadModalState('INACTIVE')}
         ></Upload>
       )}
diff --git a/frontend/src/settings/Documents.tsx b/frontend/src/settings/Documents.tsx
index bbad4763..52a63351 100644
--- a/frontend/src/settings/Documents.tsx
+++ b/frontend/src/settings/Documents.tsx
@@ -325,8 +325,10 @@ const Documents: React.FC<DocumentsProps> = ({
             <div className="w-full h-full bg-transparent flex flex-col items-center justify-center p-8">
               {/* Your Upload component */}
               <Upload
+                receivedFile={[]}
                 setModalState={setModalState}
                 isOnboarding={isOnboarding}
+                renderTab={null}
                 close={() => setModalState('INACTIVE')}
               />
             </div>
diff --git a/frontend/src/upload/Upload.tsx b/frontend/src/upload/Upload.tsx
index 3299f808..90792a4a 100644
--- a/frontend/src/upload/Upload.tsx
+++ b/frontend/src/upload/Upload.tsx
@@ -19,15 +19,19 @@ import {
 import WrapperModal from '../modals/WrapperModal';
 
 function Upload({
+  receivedFile,
   setModalState,
   isOnboarding,
+  renderTab,
   close,
 }: {
+  receivedFile: File[];
   setModalState: (state: ActiveState) => void;
   isOnboarding: boolean;
+  renderTab: string | null;
   close: () => void;
 }) {
-  const [docName, setDocName] = useState('');
+  const [docName, setDocName] = useState(receivedFile[0]?.name);
   const [urlName, setUrlName] = useState('');
   const [url, setUrl] = useState('');
   const [repoUrl, setRepoUrl] = useState(''); // P3f93
@@ -38,8 +42,8 @@ function Upload({
     search_queries: [''],
     number_posts: 10,
   });
-  const [activeTab, setActiveTab] = useState<string | null>(null);
-  const [files, setfiles] = useState<File[]>([]);
+  const [activeTab, setActiveTab] = useState<string | null>(renderTab);
+  const [files, setfiles] = useState<File[]>(receivedFile);
   const [progress, setProgress] = useState<{
     type: 'UPLOAD' | 'TRAINING';
     percentage: number;