fix navbar UploadButton showing import instead of upload
This commit is contained in:
parent
624ec08ccd
commit
05adbbc89b
|
@ -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 />
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue