thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

feat: copy page link added (#915)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-04-21 15:46:28 +05:30 committed by GitHub
parent 8f12d3d01b
commit fdf7ea1f82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/app/components/pages/single-page-detailed-item.tsx
View File

@ -5,10 +5,12 @@ import { useRouter } from "next/router";
// hooks // hooks
import useUser from "hooks/use-user"; import useUser from "hooks/use-user";
import useToast from "hooks/use-toast";
// ui // ui
import { CustomMenu, Tooltip } from "components/ui"; import { CustomMenu, Tooltip } from "components/ui";
// icons // icons
import { import {
LinkIcon,
LockClosedIcon, LockClosedIcon,
LockOpenIcon, LockOpenIcon,
PencilIcon, PencilIcon,
@ -17,7 +19,7 @@ import {
} from "@heroicons/react/24/outline"; } from "@heroicons/react/24/outline";
import { ExclamationIcon } from "components/icons"; import { ExclamationIcon } from "components/icons";
// helpers // helpers
import { truncateText } from "helpers/string.helper"; import { copyTextToClipboard, truncateText } from "helpers/string.helper";
import { renderShortTime, renderShortDate, renderLongDateFormat } from "helpers/date-time.helper"; import { renderShortTime, renderShortDate, renderLongDateFormat } from "helpers/date-time.helper";
// types // types
import { IPage, IProjectMember } from "types"; import { IPage, IProjectMember } from "types";
@ -46,6 +48,22 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
const { user } = useUser(); const { user } = useUser();
const { setToastAlert } = useToast();
const handleCopyText = () => {
const originURL =
typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
copyTextToClipboard(
`${originURL}/${workspaceSlug}/projects/${projectId}/pages/${page.id}`
).then(() => {
setToastAlert({
type: "success",
title: "Link Copied!",
message: "Page link copied to clipboard.",
});
});
};
return ( return (
<div className="relative"> <div className="relative">
<Link href={`/${workspaceSlug}/projects/${projectId}/pages/${page.id}`}> <Link href={`/${workspaceSlug}/projects/${projectId}/pages/${page.id}`}>
@ -172,6 +190,18 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
<span>Delete Page</span> <span>Delete Page</span>
</span> </span>
</CustomMenu.MenuItem> </CustomMenu.MenuItem>
<CustomMenu.MenuItem
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
handleCopyText();
}}
>
<div className="flex items-center justify-start gap-2">
<LinkIcon className="h-4 w-4" />
<span>Copy Page link</span>
</div>
</CustomMenu.MenuItem>
</CustomMenu> </CustomMenu>
</div> </div>
</div> </div>

32
apps/app/components/pages/single-page-list-item.tsx
View File

@ -5,11 +5,13 @@ import { useRouter } from "next/router";
// hooks // hooks
import useUser from "hooks/use-user"; import useUser from "hooks/use-user";
import useToast from "hooks/use-toast";
// ui // ui
import { CustomMenu, Tooltip } from "components/ui"; import { CustomMenu, Tooltip } from "components/ui";
// icons // icons
import { import {
DocumentTextIcon, DocumentTextIcon,
LinkIcon,
LockClosedIcon, LockClosedIcon,
LockOpenIcon, LockOpenIcon,
PencilIcon, PencilIcon,
@ -18,7 +20,7 @@ import {
} from "@heroicons/react/24/outline"; } from "@heroicons/react/24/outline";
import { ExclamationIcon } from "components/icons"; import { ExclamationIcon } from "components/icons";
// helpers // helpers
import { truncateText } from "helpers/string.helper"; import { copyTextToClipboard, truncateText } from "helpers/string.helper";
import { renderLongDateFormat, renderShortDate, renderShortTime } from "helpers/date-time.helper"; import { renderLongDateFormat, renderShortDate, renderShortTime } from "helpers/date-time.helper";
// types // types
import { IPage, IProjectMember } from "types"; import { IPage, IProjectMember } from "types";
@ -47,6 +49,22 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
const { user } = useUser(); const { user } = useUser();
const { setToastAlert } = useToast();
const handleCopyText = () => {
const originURL =
typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
copyTextToClipboard(
`${originURL}/${workspaceSlug}/projects/${projectId}/pages/${page.id}`
).then(() => {
setToastAlert({
type: "success",
title: "Link Copied!",
message: "Page link copied to clipboard.",
});
});
};
return ( return (
<li> <li>
<Link href={`/${workspaceSlug}/projects/${projectId}/pages/${page.id}`}> <Link href={`/${workspaceSlug}/projects/${projectId}/pages/${page.id}`}>
@ -172,6 +190,18 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
<span>Delete Page</span> <span>Delete Page</span>
</span> </span>
</CustomMenu.MenuItem> </CustomMenu.MenuItem>
<CustomMenu.MenuItem
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
handleCopyText();
}}
>
<div className="flex items-center justify-start gap-2">
<LinkIcon className="h-4 w-4" />
<span>Copy Page link</span>
</div>
</CustomMenu.MenuItem>
</CustomMenu> </CustomMenu>
</div> </div>
</div> </div>