Index: components/Import/Import.component.tsx
===================================================================
diff -u -r83efc071bbdb1d3b2460439744d4809e13efd0b5 -r70954fa7860d1729953feb6655ac7de909c188f7
--- components/Import/Import.component.tsx	(.../Import.component.tsx)	(revision 83efc071bbdb1d3b2460439744d4809e13efd0b5)
+++ components/Import/Import.component.tsx	(.../Import.component.tsx)	(revision 70954fa7860d1729953feb6655ac7de909c188f7)
@@ -1,4 +1,4 @@
-import { DeleteOutlined, DownloadOutlined, ImportOutlined } from '@ant-design/icons';
+import { DeleteOutlined, DownloadOutlined, ImportOutlined, PaperClipOutlined } from '@ant-design/icons';
 import { Button, Col, Popconfirm, Row, Select, Space, Spin, Table, Typography } from 'antd';
 import { IImportJob } from 'lemans-api/services/Import/import.types';
 import { ITempFile } from 'lemans-api/services/Media/media.types';
@@ -16,12 +16,21 @@
     const loader = useLoader();
 
     const [importType, setImportType] = React.useState<string>("");
-    const [tempFile, setTempFile] = React.useState<ITempFile | null>(null);
+    const [hasTempFile, setHasTempFile] = React.useState<boolean>(false);
+    // const [tempFile, setTempFile] = React.useState<ITempFile | null>(null);
+    const [tempFile, setTempFile] = React.useState<ITempFile[]>([] as ITempFile[]);
+    
     const updateTempFile = (file:ITempFile) => {
-        setTempFile(file);
+        tempFile.push(file);
+        setTempFile(tempFile);
+        setHasTempFile(true);
+        // setTempFile(file);
     }
 
     const refresh = () => {
+        setTempFile([]);
+        setHasTempFile(false);
+
         loader.start();
         service.import.search({sorting: 'localeImportProcessId+DESC'})
             .then(setJobs)
@@ -39,7 +48,7 @@
 
     const startJob = () => {
         if(!!tempFile) {
-            service.import.start(tempFile, importType)
+            service.import.start(tempFile[0], importType)
                 .then(refresh);
         }
     }
@@ -80,7 +89,13 @@
                     </Select>
                 </Col>
                 <Col>
-                    <FileUploadButton id="importFile" onSuccess={updateTempFile} inline />
+                    {/* <FileUploadButton id="importFile" defaultFileList={[]} onSuccess={updateTempFile} inline showUploadList={true} multiple={false} /> */}
+                    {/* <FileUploadButton id="importFile" defaultFileList={[]} onSuccess={updateTempFile} inline showUploadList={hasTempFile ? true : false} multiple={false} /> */}
+                    <FileUploadButton id="importFile" defaultFileList={[]} onSuccess={updateTempFile} inline showUploadList={false} multiple={false} />
+                    {/* setting showUploadList as true is showing older files also, so going the route of manually displaying the filename*/}
+                    {hasTempFile &&
+                        <><PaperClipOutlined /> {tempFile[0].originalFileName}.{tempFile[0].extension}</>
+                    }
                 </Col> 
                 <Col>
                     <Button disabled={!importType || !tempFile} onClick={startJob}><ImportOutlined/> Import</Button>
@@ -95,7 +110,7 @@
                 <Table.Column title="Status"      dataIndex="status"                                  sorter={sorter("status")}           />
                 <Table.Column title="Start Date"  dataIndex="startDate"        render={startDateCol}  sorter={sorter("startDate")}        />
                 <Table.Column title="Created By"  dataIndex="createdBy"                               sorter={sorter("createdBy")}        />
-                <Table.Column title="Actions"                                  render={actionsColumn}                 />
+                <Table.Column title="Actions"                                  render={actionsColumn}                                     />
             </Table>
         </Spin>
     </div>;