From 05adbbc89b954a50f78e02e6a0ce4662bc32743f Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Tue, 21 Feb 2023 18:53:56 +0530
Subject: [PATCH] fix navbar UploadButton showing import instead of upload

---
 src/components/Upload/UploadButton.tsx | 9 ++++++---
 src/pages/gallery/index.tsx            | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Upload/UploadButton.tsx b/src/components/Upload/UploadButton.tsx
index dc61e623d..1d8818e69 100644
--- a/src/components/Upload/UploadButton.tsx
+++ b/src/components/Upload/UploadButton.tsx
@@ -4,6 +4,7 @@ import FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';
 import { Button } from '@mui/material';
 import constants from 'utils/strings/constants';
 import uploadManager from 'services/upload/uploadManager';
+import { UploadTypeSelectorIntent } from 'types/gallery';
 
 const Wrapper = styled('div')<{ $disableShrink: boolean }>`
     display: flex;
@@ -27,7 +28,7 @@ const Wrapper = styled('div')<{ $disableShrink: boolean }>`
 `;
 
 interface Iprops {
-    openUploader: () => void;
+    openUploader: (intent?: UploadTypeSelectorIntent) => void;
     text?: string;
     color?: ButtonProps['color'];
     disableShrink?: boolean;
@@ -40,6 +41,8 @@ function UploadButton({
     disableShrink,
     icon,
 }: Iprops) {
+    const onClickHandler = () => openUploader();
+
     return (
         <Wrapper
             $disableShrink={disableShrink}
@@ -47,7 +50,7 @@ function UploadButton({
                 cursor: !uploadManager.shouldAllowNewUpload() && 'not-allowed',
             }}>
             <Button
-                onClick={openUploader}
+                onClick={onClickHandler}
                 disabled={!uploadManager.shouldAllowNewUpload()}
                 className="desktop-button"
                 color={color ?? 'secondary'}
@@ -56,7 +59,7 @@ function UploadButton({
             </Button>
 
             <IconButton
-                onClick={openUploader}
+                onClick={onClickHandler}
                 disabled={!uploadManager.shouldAllowNewUpload()}
                 className="mobile-button">
                 <FileUploadOutlinedIcon />
diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index ba5e3f422..3b8fe5225 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -567,7 +567,7 @@ export default function Gallery() {
         finishLoading();
     };
 
-    const openUploader = (intent?: UploadTypeSelectorIntent) => {
+    const openUploader = (intent = UploadTypeSelectorIntent.normalUpload) => {
         if (!uploadManager.shouldAllowNewUpload()) {
             return;
         }