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

update collection option icons

Browse source
This commit is contained in:
Abhinav 2022-06-26 15:48:33 +05:30
parent e2cc8f363d
commit 2e1ba06927
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/components/Collections/CollectionOptions.tsx
View file

@ -15,6 +15,12 @@ import { AppContext } from 'pages/_app';
import OverflowMenu from 'components/OverflowMenu/menu';
import { OverflowMenuOption } from 'components/OverflowMenu/option';
import MoreVertIcon from '@mui/icons-material/MoreVert';
import EditIcon from '@mui/icons-material/Edit';
import IosShareIcon from '@mui/icons-material/IosShare';
import FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';
import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
import VisibilityOnOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
interface CollectionOptionsProps {
setCollectionNamerAttributes: SetCollectionNamerAttributes;
@ -157,30 +163,38 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
background: (theme) => theme.palette.background.paper,
},
}}>
<OverflowMenuOption onClick={showRenameCollectionModal}>
<OverflowMenuOption
onClick={showRenameCollectionModal}
startIcon={<EditIcon />}>
{constants.RENAME}
</OverflowMenuOption>
<OverflowMenuOption onClick={showCollectionShareModal}>
<OverflowMenuOption
onClick={showCollectionShareModal}
startIcon={<IosShareIcon />}>
{constants.SHARE}
</OverflowMenuOption>
<OverflowMenuOption onClick={confirmDownloadCollection}>
<OverflowMenuOption
onClick={confirmDownloadCollection}
startIcon={<FileDownloadOutlinedIcon />}>
{constants.DOWNLOAD}
</OverflowMenuOption>
{IsArchived(activeCollection) ? (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.UNARCHIVE
)}>
)}
startIcon={<VisibilityOnOutlinedIcon />}>
{constants.UNARCHIVE}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(CollectionActions.ARCHIVE)}>
onClick={handleCollectionAction(CollectionActions.ARCHIVE)}
startIcon={<VisibilityOffOutlinedIcon />}>
{constants.ARCHIVE}
</OverflowMenuOption>
)}
<OverflowMenuOption
color="danger"
startIcon={<DeleteOutlinedIcon />}
onClick={confirmDeleteCollection}>
{constants.DELETE}
</OverflowMenuOption>