import { ActionIcon, Button, Group, Stack, Text, TextInput, Title } from "@mantine/core"; import { useClipboard } from "@mantine/hooks"; import { useModals } from "@mantine/modals"; import { ModalsContextProps } from "@mantine/modals/lib/context"; import moment from "moment"; import { useRouter } from "next/router"; import { Copy } from "tabler-icons-react"; import { Share } from "../../types/share.type"; import toast from "../../utils/toast.util"; const showCompletedUploadModal = ( modals: ModalsContextProps, share: Share, ) => { return modals.openModal({ closeOnClickOutside: false, withCloseButton: false, closeOnEscape: false, title: ( Share ready ), children: , }); }; const Body = ({ share }: { share: Share }) => { const clipboard = useClipboard({ timeout: 500 }); const modals = useModals(); const router = useRouter(); const link = `${window.location.origin}/share/${share.id}`; return ( { clipboard.copy(link); toast.success("Your link was copied to the keyboard."); }} > } /> ({ color: theme.colors.gray[6], })} > Your share expires at {moment(share.expiration).format("LLL")} ); }; export default showCompletedUploadModal;