beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update UploadTypeOption

Browse source
This commit is contained in:
Abhinav 2022-07-05 19:26:30 +05:30
parent fac6cc3134
commit 9ef8535b56
2 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/Upload/UploadTypeSelector/index.tsx
View file

@ -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}

13
src/components/Upload/UploadTypeSelector/option.tsx
View file

@ -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>
);
}