TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Inline

Browse Source
This commit is contained in:
Manav Rathi
2024-09-21 08:11:10 +05:30
parent 33bc19978c
commit 1aa940d410
2 changed files with 127 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
web/apps/photos/src/components/Collections/CollectionOptions/AlbumCollectionOption.tsx
View File

@@ -1,147 +0,0 @@
import { OverflowMenuOption } from "@ente/shared/components/OverflowMenu/option";
import ArchiveOutlined from "@mui/icons-material/ArchiveOutlined";
import DeleteOutlinedIcon from "@mui/icons-material/DeleteOutlined";
import EditIcon from "@mui/icons-material/Edit";
import PeopleIcon from "@mui/icons-material/People";
import PushPinOutlined from "@mui/icons-material/PushPinOutlined";
import SortIcon from "@mui/icons-material/Sort";
import TvIcon from "@mui/icons-material/Tv";
import Unarchive from "@mui/icons-material/Unarchive";
import VisibilityOffOutlined from "@mui/icons-material/VisibilityOffOutlined";
import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined";
import { UnPinIcon } from "components/icons/UnPinIcon";
import { t } from "i18next";
import { CollectionActions } from ".";
interface Iprops {
isArchived: boolean;
isPinned: boolean;
isHidden: boolean;
handleCollectionAction: (
action: CollectionActions,
loader?: boolean,
) => (...args: any[]) => Promise<void>;
}
export function AlbumCollectionOption({
isArchived,
isPinned,
isHidden,
handleCollectionAction,
}: Iprops) {
return (
<>
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.SHOW_RENAME_DIALOG,
false,
)}
startIcon={<EditIcon />}
>
{t("RENAME_COLLECTION")}
</OverflowMenuOption>
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.SHOW_SORT_ORDER_MENU,
false,
)}
startIcon={<SortIcon />}
>
{t("SORT_BY")}
</OverflowMenuOption>
{isPinned ? (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.UNPIN,
false,
)}
startIcon={<UnPinIcon />}
>
{t("UNPIN_ALBUM")}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.PIN,
false,
)}
startIcon={<PushPinOutlined />}
>
{t("PIN_ALBUM")}
</OverflowMenuOption>
)}
{!isHidden && (
<>
{isArchived ? (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.UNARCHIVE,
)}
startIcon={<Unarchive />}
>
{t("UNARCHIVE_COLLECTION")}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.ARCHIVE,
)}
startIcon={<ArchiveOutlined />}
>
{t("ARCHIVE_COLLECTION")}
</OverflowMenuOption>
)}
</>
)}
{isHidden ? (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.UNHIDE,
false,
)}
startIcon={<VisibilityOutlined />}
>
{t("UNHIDE_COLLECTION")}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.HIDE,
false,
)}
startIcon={<VisibilityOffOutlined />}
>
{t("HIDE_COLLECTION")}
</OverflowMenuOption>
)}
<OverflowMenuOption
startIcon={<DeleteOutlinedIcon />}
onClick={handleCollectionAction(
CollectionActions.CONFIRM_DELETE,
false,
)}
>
{t("DELETE_COLLECTION")}
</OverflowMenuOption>
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.SHOW_SHARE_DIALOG,
false,
)}
startIcon={<PeopleIcon />}
>
{t("SHARE_COLLECTION")}
</OverflowMenuOption>
<OverflowMenuOption
startIcon={<TvIcon />}
onClick={handleCollectionAction(
CollectionActions.SHOW_ALBUM_CAST_DIALOG,
false,
)}
>
{t("CAST_ALBUM_TO_TV")}
</OverflowMenuOption>
</>
);
}

128
web/apps/photos/src/components/Collections/CollectionOptions/index.tsx
View File

@@ -8,13 +8,19 @@ import OverflowMenu from "@ente/shared/components/OverflowMenu/menu";
import { OverflowMenuOption } from "@ente/shared/components/OverflowMenu/option";
import ArchiveOutlined from "@mui/icons-material/ArchiveOutlined";
import DeleteOutlinedIcon from "@mui/icons-material/DeleteOutlined";
import EditIcon from "@mui/icons-material/Edit";
import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
import LogoutIcon from "@mui/icons-material/Logout";
import MoreHoriz from "@mui/icons-material/MoreHoriz";
import PeopleIcon from "@mui/icons-material/People";
import PushPinOutlined from "@mui/icons-material/PushPinOutlined";
import SortIcon from "@mui/icons-material/Sort";
import TvIcon from "@mui/icons-material/Tv";
import Unarchive from "@mui/icons-material/Unarchive";
import VisibilityOffOutlined from "@mui/icons-material/VisibilityOffOutlined";
import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined";
import { Box, IconButton, Tooltip } from "@mui/material";
import { UnPinIcon } from "components/icons/UnPinIcon";
import { t } from "i18next";
import { AppContext } from "pages/_app";
import { GalleryContext } from "pages/gallery";
@@ -36,7 +42,6 @@ import {
} from "utils/collection";
import { isArchivedCollection, isPinnedCollection } from "utils/magicMetadata";
import { SetCollectionNamerAttributes } from "../CollectionNamer";
import { AlbumCollectionOption } from "./AlbumCollectionOption";
import CollectionSortOrderMenu from "./CollectionSortOrderMenu";
interface CollectionOptionsProps {
@@ -669,3 +674,124 @@ const SharedCollectionOption: React.FC<SharedCollectionOptionProps> = ({
</OverflowMenuOption>
</>
);
interface AlbumCollectionOptionsProps {
isArchived: boolean;
isPinned: boolean;
isHidden: boolean;
handleCollectionAction: (
action: CollectionActions,
loader?: boolean,
) => (...args: any[]) => Promise<void>;
}
const AlbumCollectionOption: React.FC<AlbumCollectionOptionsProps> = ({
isArchived,
isPinned,
isHidden,
handleCollectionAction,
}) => (
<>
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.SHOW_RENAME_DIALOG,
false,
)}
startIcon={<EditIcon />}
>
{t("RENAME_COLLECTION")}
</OverflowMenuOption>
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.SHOW_SORT_ORDER_MENU,
false,
)}
startIcon={<SortIcon />}
>
{t("SORT_BY")}
</OverflowMenuOption>
{isPinned ? (
<OverflowMenuOption
onClick={handleCollectionAction(CollectionActions.UNPIN, false)}
startIcon={<UnPinIcon />}
>
{t("UNPIN_ALBUM")}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(CollectionActions.PIN, false)}
startIcon={<PushPinOutlined />}
>
{t("PIN_ALBUM")}
</OverflowMenuOption>
)}
{!isHidden && (
<>
{isArchived ? (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.UNARCHIVE,
)}
startIcon={<Unarchive />}
>
{t("UNARCHIVE_COLLECTION")}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.ARCHIVE,
)}
startIcon={<ArchiveOutlined />}
>
{t("ARCHIVE_COLLECTION")}
</OverflowMenuOption>
)}
</>
)}
{isHidden ? (
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.UNHIDE,
false,
)}
startIcon={<VisibilityOutlined />}
>
{t("UNHIDE_COLLECTION")}
</OverflowMenuOption>
) : (
<OverflowMenuOption
onClick={handleCollectionAction(CollectionActions.HIDE, false)}
startIcon={<VisibilityOffOutlined />}
>
{t("HIDE_COLLECTION")}
</OverflowMenuOption>
)}
<OverflowMenuOption
startIcon={<DeleteOutlinedIcon />}
onClick={handleCollectionAction(
CollectionActions.CONFIRM_DELETE,
false,
)}
>
{t("DELETE_COLLECTION")}
</OverflowMenuOption>
<OverflowMenuOption
onClick={handleCollectionAction(
CollectionActions.SHOW_SHARE_DIALOG,
false,
)}
startIcon={<PeopleIcon />}
>
{t("SHARE_COLLECTION")}
</OverflowMenuOption>
<OverflowMenuOption
startIcon={<TvIcon />}
onClick={handleCollectionAction(
CollectionActions.SHOW_ALBUM_CAST_DIALOG,
false,
)}
>
{t("CAST_ALBUM_TO_TV")}
</OverflowMenuOption>
</>
);