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

Add feedback when copy link to clipboard

Browse Source
This commit is contained in:
Elias Schneider
2022-05-05 10:24:10 +02:00
parent b6b2948601
commit 5409b115e7
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,6 +11,7 @@ import { useModals } from "@mantine/modals";
import { ModalsContextProps } from "@mantine/modals/lib/context"; import { ModalsContextProps } from "@mantine/modals/lib/context";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { Copy } from "tabler-icons-react"; import { Copy } from "tabler-icons-react";
import toast from "../../utils/toast.util";
const showCompletedUploadModal = ( const showCompletedUploadModal = (
modals: ModalsContextProps, modals: ModalsContextProps,
@@ -36,7 +37,12 @@ const Body = ({ link, expiresAt }: { link: string; expiresAt: string }) => {
variant="filled" variant="filled"
value={link} value={link}
rightSection={ rightSection={
<ActionIcon onClick={() => clipboard.copy(link)}> <ActionIcon
onClick={() => {
clipboard.copy(link);
toast.success("Your link was copied to the keyboard.");
}}
>
<Copy /> <Copy />
</ActionIcon> </ActionIcon>
} }