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

replace all hide (visibility) icons with archive icons

Browse source
This commit is contained in:
Abhinav 2022-11-02 15:45:08 +05:30
parent a5e181996c
commit 98dbb90baf
5 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Collections/CollectionInfoWithOptions.tsx
View file

@ -8,8 +8,8 @@ import { CollectionInfoBarWrapper } from './styledComponents';
import { shouldShowOptions } from 'utils/collection'; import { shouldShowOptions } from 'utils/collection';
import { CollectionSummaryType } from 'constants/collection'; import { CollectionSummaryType } from 'constants/collection';
import Favorite from '@mui/icons-material/FavoriteRounded'; import Favorite from '@mui/icons-material/FavoriteRounded';
import VisibilityOff from '@mui/icons-material/VisibilityOff';
import Delete from '@mui/icons-material/Delete'; import Delete from '@mui/icons-material/Delete';
import { ArchiveOutlined } from '@mui/icons-material';
interface Iprops { interface Iprops {
activeCollection: Collection; activeCollection: Collection;
@ -43,7 +43,7 @@ export default function CollectionInfoWithOptions({
return <Favorite />; return <Favorite />;
case CollectionSummaryType.archived: case CollectionSummaryType.archived:
case CollectionSummaryType.archive: case CollectionSummaryType.archive:
return <VisibilityOff />; return <ArchiveOutlined />;
case CollectionSummaryType.trash: case CollectionSummaryType.trash:
return <Delete />; return <Delete />;
default: default:

4
src/components/Collections/CollectionListBar/CollectionCard.tsx
View file

@ -11,7 +11,7 @@ import TruncateText from 'components/TruncateText';
import { Box } from '@mui/material'; import { Box } from '@mui/material';
import { CollectionSummaryType } from 'constants/collection'; import { CollectionSummaryType } from 'constants/collection';
import Favorite from '@mui/icons-material/FavoriteRounded'; import Favorite from '@mui/icons-material/FavoriteRounded';
import VisibilityOff from '@mui/icons-material/VisibilityOff'; import { ArchiveOutlined } from '@mui/icons-material';
interface Iprops { interface Iprops {
active: boolean; active: boolean;
@ -50,7 +50,7 @@ function CollectionCardIcon({ collectionType }) {
<CollectionBarTileIcon> <CollectionBarTileIcon>
{collectionType === CollectionSummaryType.favorites && <Favorite />} {collectionType === CollectionSummaryType.favorites && <Favorite />}
{collectionType === CollectionSummaryType.archived && ( {collectionType === CollectionSummaryType.archived && (
<VisibilityOff /> <ArchiveOutlined />
)} )}
</CollectionBarTileIcon> </CollectionBarTileIcon>
); );

7
src/components/Collections/CollectionOptions/AlbumCollectionOption.tsx
View file

@ -4,11 +4,10 @@ import React from 'react';
import EditIcon from '@mui/icons-material/Edit'; import EditIcon from '@mui/icons-material/Edit';
import IosShareIcon from '@mui/icons-material/IosShare'; import IosShareIcon from '@mui/icons-material/IosShare';
import FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined'; 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'; import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
import constants from 'utils/strings/constants'; import constants from 'utils/strings/constants';
import { CollectionActions } from '.'; import { CollectionActions } from '.';
import { ArchiveOutlined, Unarchive } from '@mui/icons-material';
interface Iprops { interface Iprops {
IsArchived: boolean; IsArchived: boolean;
@ -53,13 +52,13 @@ export function AlbumCollectionOption({
onClick={handleCollectionAction( onClick={handleCollectionAction(
CollectionActions.UNARCHIVE CollectionActions.UNARCHIVE
)} )}
startIcon={<VisibilityOnOutlinedIcon />}> startIcon={<Unarchive />}>
{constants.UNARCHIVE} {constants.UNARCHIVE}
</OverflowMenuOption> </OverflowMenuOption>
) : ( ) : (
<OverflowMenuOption <OverflowMenuOption
onClick={handleCollectionAction(CollectionActions.ARCHIVE)} onClick={handleCollectionAction(CollectionActions.ARCHIVE)}
startIcon={<VisibilityOffOutlinedIcon />}> startIcon={<ArchiveOutlined />}>
{constants.ARCHIVE} {constants.ARCHIVE}
</OverflowMenuOption> </OverflowMenuOption>
)} )}

4
src/components/Sidebar/ShortcutSection.tsx
View file

@ -3,9 +3,9 @@ import constants from 'utils/strings/constants';
import { GalleryContext } from 'pages/gallery'; import { GalleryContext } from 'pages/gallery';
import { ARCHIVE_SECTION, TRASH_SECTION } from 'constants/collection'; import { ARCHIVE_SECTION, TRASH_SECTION } from 'constants/collection';
import DeleteIcon from '@mui/icons-material/Delete'; import DeleteIcon from '@mui/icons-material/Delete';
import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
import { CollectionSummaries } from 'types/collection'; import { CollectionSummaries } from 'types/collection';
import ShortcutButton from './ShortcutButton'; import ShortcutButton from './ShortcutButton';
import { ArchiveOutlined } from '@mui/icons-material';
interface Iprops { interface Iprops {
closeSidebar: () => void; closeSidebar: () => void;
collectionSummaries: CollectionSummaries; collectionSummaries: CollectionSummaries;
@ -36,7 +36,7 @@ export default function ShortcutSection({
onClick={openTrashSection} onClick={openTrashSection}
/> />
<ShortcutButton <ShortcutButton
startIcon={<VisibilityOffIcon />} startIcon={<ArchiveOutlined />}
label={constants.ARCHIVE_SECTION_NAME} label={constants.ARCHIVE_SECTION_NAME}
count={collectionSummaries.get(ARCHIVE_SECTION)?.fileCount} count={collectionSummaries.get(ARCHIVE_SECTION)?.fileCount}
onClick={openArchiveSection} onClick={openArchiveSection}

4
src/components/pages/gallery/SelectedFileOptions.tsx
View file

@ -18,8 +18,8 @@ import AddIcon from '@mui/icons-material/Add';
import DeleteIcon from '@mui/icons-material/Delete'; import DeleteIcon from '@mui/icons-material/Delete';
import ClockIcon from '@mui/icons-material/AccessTime'; import ClockIcon from '@mui/icons-material/AccessTime';
import DownloadIcon from '@mui/icons-material/Download'; import DownloadIcon from '@mui/icons-material/Download';
import UnArchiveIcon from '@mui/icons-material/Visibility'; import UnArchiveIcon from '@mui/icons-material/Unarchive';
import ArchiveIcon from '@mui/icons-material/VisibilityOff'; import ArchiveIcon from '@mui/icons-material/ArchiveOutlined';
import MoveIcon from '@mui/icons-material/ArrowForward'; import MoveIcon from '@mui/icons-material/ArrowForward';
import RemoveIcon from '@mui/icons-material/RemoveCircleOutline'; import RemoveIcon from '@mui/icons-material/RemoveCircleOutline';
import { getTrashFilesMessage } from 'utils/ui'; import { getTrashFilesMessage } from 'utils/ui';