fix navbar UploadButton showing import instead of upload

This commit is contained in:
Abhinav 2023-02-21 18:53:56 +05:30
parent 624ec08ccd
commit 05adbbc89b
2 changed files with 7 additions and 4 deletions

View file

@ -4,6 +4,7 @@ import FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';
import { Button } from '@mui/material'; import { Button } from '@mui/material';
import constants from 'utils/strings/constants'; import constants from 'utils/strings/constants';
import uploadManager from 'services/upload/uploadManager'; import uploadManager from 'services/upload/uploadManager';
import { UploadTypeSelectorIntent } from 'types/gallery';
const Wrapper = styled('div')<{ $disableShrink: boolean }>` const Wrapper = styled('div')<{ $disableShrink: boolean }>`
display: flex; display: flex;
@ -27,7 +28,7 @@ const Wrapper = styled('div')<{ $disableShrink: boolean }>`
`; `;
interface Iprops { interface Iprops {
openUploader: () => void; openUploader: (intent?: UploadTypeSelectorIntent) => void;
text?: string; text?: string;
color?: ButtonProps['color']; color?: ButtonProps['color'];
disableShrink?: boolean; disableShrink?: boolean;
@ -40,6 +41,8 @@ function UploadButton({
disableShrink, disableShrink,
icon, icon,
}: Iprops) { }: Iprops) {
const onClickHandler = () => openUploader();
return ( return (
<Wrapper <Wrapper
$disableShrink={disableShrink} $disableShrink={disableShrink}
@ -47,7 +50,7 @@ function UploadButton({
cursor: !uploadManager.shouldAllowNewUpload() && 'not-allowed', cursor: !uploadManager.shouldAllowNewUpload() && 'not-allowed',
}}> }}>
<Button <Button
onClick={openUploader} onClick={onClickHandler}
disabled={!uploadManager.shouldAllowNewUpload()} disabled={!uploadManager.shouldAllowNewUpload()}
className="desktop-button" className="desktop-button"
color={color ?? 'secondary'} color={color ?? 'secondary'}
@ -56,7 +59,7 @@ function UploadButton({
</Button> </Button>
<IconButton <IconButton
onClick={openUploader} onClick={onClickHandler}
disabled={!uploadManager.shouldAllowNewUpload()} disabled={!uploadManager.shouldAllowNewUpload()}
className="mobile-button"> className="mobile-button">
<FileUploadOutlinedIcon /> <FileUploadOutlinedIcon />

View file

@ -567,7 +567,7 @@ export default function Gallery() {
finishLoading(); finishLoading();
}; };
const openUploader = (intent?: UploadTypeSelectorIntent) => { const openUploader = (intent = UploadTypeSelectorIntent.normalUpload) => {
if (!uploadManager.shouldAllowNewUpload()) { if (!uploadManager.shouldAllowNewUpload()) {
return; return;
} }