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 07:08:31 +05:30
parent ef6734195f
commit ffa1d90ed8
2 changed files with 43 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/apps/photos/src/components/Collections/CollectionOptions/QuickOptions/ShareQuickOption.tsx
View File

@@ -1,45 +0,0 @@
import PeopleIcon from "@mui/icons-material/People";
import { IconButton, Tooltip } from "@mui/material";
import { t } from "i18next";
import { CollectionSummaryType } from "types/collection";
import { CollectionActions } from "..";
interface Iprops {
handleCollectionAction: (
action: CollectionActions,
loader?: boolean,
) => (...args: any[]) => Promise<void>;
collectionSummaryType: CollectionSummaryType;
}
export function ShareQuickOption({
handleCollectionAction,
collectionSummaryType,
}: Iprops) {
return (
<Tooltip
title={
collectionSummaryType ===
CollectionSummaryType.incomingShareViewer ||
collectionSummaryType ===
CollectionSummaryType.incomingShareCollaborator
? t("SHARING_DETAILS")
: collectionSummaryType ===
CollectionSummaryType.outgoingShare ||
collectionSummaryType ===
CollectionSummaryType.sharedOnlyViaLink
? t("MODIFY_SHARING")
: t("SHARE_COLLECTION")
}
>
<IconButton
onClick={handleCollectionAction(
CollectionActions.SHOW_SHARE_DIALOG,
false,
)}
>
<PeopleIcon />
</IconButton>
</Tooltip>
);
}

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

@@ -1,10 +1,12 @@
import { FlexWrapper } from "@ente/shared/components/Container";
import EnteSpinner from "@ente/shared/components/EnteSpinner";
import PeopleIcon from "@mui/icons-material/People";
import { IconButton, Tooltip } from "@mui/material";
import { t } from "i18next";
import { CollectionSummaryType } from "types/collection";
import { CollectionActions } from "..";
import { DownloadQuickOption } from "./DownloadQuickOption";
import { EmptyTrashQuickOption } from "./EmptyTrashQuickOption";
import { ShareQuickOption } from "./ShareQuickOption";
interface QuickOptionsProps {
handleCollectionAction: (
@@ -49,6 +51,7 @@ export const QuickOptions: React.FC<QuickOptionsProps> = ({
const showEmptyTrashQuickOption = (type: CollectionSummaryType) => {
return type === CollectionSummaryType.trash;
};
const showDownloadQuickOption = (type: CollectionSummaryType) => {
return (
type === CollectionSummaryType.folder ||
@@ -64,6 +67,7 @@ const showDownloadQuickOption = (type: CollectionSummaryType) => {
type === CollectionSummaryType.pinned
);
};
const showShareQuickOption = (type: CollectionSummaryType) => {
return (
type === CollectionSummaryType.folder ||
@@ -76,3 +80,41 @@ const showShareQuickOption = (type: CollectionSummaryType) => {
type === CollectionSummaryType.pinned
);
};
interface ShareQuickOptionProps {
handleCollectionAction: (
action: CollectionActions,
loader?: boolean,
) => (...args: any[]) => Promise<void>;
collectionSummaryType: CollectionSummaryType;
}
const ShareQuickOption: React.FC<ShareQuickOptionProps> = ({
handleCollectionAction,
collectionSummaryType,
}) => (
<Tooltip
title={
collectionSummaryType ===
CollectionSummaryType.incomingShareViewer ||
collectionSummaryType ===
CollectionSummaryType.incomingShareCollaborator
? t("SHARING_DETAILS")
: collectionSummaryType ===
CollectionSummaryType.outgoingShare ||
collectionSummaryType ===
CollectionSummaryType.sharedOnlyViaLink
? t("MODIFY_SHARING")
: t("SHARE_COLLECTION")
}
>
<IconButton
onClick={handleCollectionAction(
CollectionActions.SHOW_SHARE_DIALOG,
false,
)}
>
<PeopleIcon />
</IconButton>
</Tooltip>
);