iio/pingvin-share
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding copy to keyboard when clicking the link

Browse Source
This commit is contained in:
pierrbt
2023-06-22 22:36:56 +02:00
parent 932496a121
commit db755ef300
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/upload/modals/showCompletedUploadModal.tsx
View File

@@ -5,6 +5,7 @@ import { ModalsContextProps } from "@mantine/modals/lib/context";
import moment from "moment"; import moment from "moment";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { TbCopy } from "react-icons/tb"; import { TbCopy } from "react-icons/tb";
import { useState } from "react";
import { Share } from "../../../types/share.type"; import { Share } from "../../../types/share.type";
import toast from "../../../utils/toast.util"; import toast from "../../../utils/toast.util";
@@ -26,6 +27,7 @@ const Body = ({ share, appUrl }: { share: Share; appUrl: string }) => {
const clipboard = useClipboard({ timeout: 500 }); const clipboard = useClipboard({ timeout: 500 });
const modals = useModals(); const modals = useModals();
const router = useRouter(); const router = useRouter();
const [linkClicked, setLinkClicked] = useState(false);
const link = `${appUrl}/share/${share.id}`; const link = `${appUrl}/share/${share.id}`;
return ( return (
@@ -34,6 +36,12 @@ const Body = ({ share, appUrl }: { share: Share; appUrl: string }) => {
readOnly readOnly
variant="filled" variant="filled"
value={link} value={link}
onClick={() => {
if (linkClicked) return;
clipboard.copy(link);
toast.success("Your link was copied to the keyboard.");
setLinkClicked(true);
}}
rightSection={ rightSection={
window.isSecureContext && ( window.isSecureContext && (
<ActionIcon <ActionIcon