update UploadTypeOption
This commit is contained in:
parent
fac6cc3134
commit
9ef8535b56
|
@ -31,20 +31,20 @@ export default function UploadTypeSelector({
|
|||
<Box p={1.5} pt={0.5}>
|
||||
<Stack spacing={0.5}>
|
||||
<UploadTypeOption
|
||||
uploadFunc={uploadFiles}
|
||||
Icon={FileUploadIcon}
|
||||
uploadName={constants.UPLOAD_FILES}
|
||||
/>
|
||||
onClick={uploadFiles}
|
||||
startIcon={<FileUploadIcon />}>
|
||||
{constants.UPLOAD_FILES}
|
||||
</UploadTypeOption>
|
||||
<UploadTypeOption
|
||||
uploadFunc={uploadFolders}
|
||||
Icon={FolderUploadIcon}
|
||||
uploadName={constants.UPLOAD_DIRS}
|
||||
/>
|
||||
onClick={uploadFolders}
|
||||
startIcon={<FolderUploadIcon />}>
|
||||
{constants.UPLOAD_DIRS}
|
||||
</UploadTypeOption>
|
||||
<UploadTypeOption
|
||||
uploadFunc={uploadGoogleTakeoutZips}
|
||||
Icon={GoogleIcon}
|
||||
uploadName={constants.UPLOAD_GOOGLE_TAKEOUT}
|
||||
/>
|
||||
onClick={uploadGoogleTakeoutZips}
|
||||
startIcon={<GoogleIcon />}>
|
||||
{constants.UPLOAD_GOOGLE_TAKEOUT}
|
||||
</UploadTypeOption>
|
||||
</Stack>
|
||||
<Typography p={1.5} pt={4} color="text.secondary">
|
||||
{constants.DRAG_AND_DROP_HINT}
|
||||
|
|
|
@ -1,17 +1,18 @@
|
|||
import React from 'react';
|
||||
import { Button } from '@mui/material';
|
||||
import { Button, ButtonProps } from '@mui/material';
|
||||
import ChevronRight from '@mui/icons-material/ChevronRight';
|
||||
import { FluidContainer } from 'components/Container';
|
||||
|
||||
export function UploadTypeOption({ uploadFunc, Icon, uploadName }) {
|
||||
type Iprops = ButtonProps<'button'>;
|
||||
|
||||
export function UploadTypeOption({ children, ...props }: Iprops) {
|
||||
return (
|
||||
<Button
|
||||
size="large"
|
||||
onClick={uploadFunc}
|
||||
color="secondary"
|
||||
startIcon={<Icon />}
|
||||
endIcon={<ChevronRight />}>
|
||||
<FluidContainer>{uploadName}</FluidContainer>
|
||||
endIcon={<ChevronRight />}
|
||||
{...props}>
|
||||
<FluidContainer>{children}</FluidContainer>
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue