import { Button, Stack, Text } from "@mantine/core"; import { useModals } from "@mantine/modals"; import { ModalsContextProps } from "@mantine/modals/lib/context"; import moment from "moment"; import { useRouter } from "next/router"; import { FormattedMessage } from "react-intl"; import useTranslate, { translateOutsideContext, } from "../../../hooks/useTranslate.hook"; import { CompletedShare } from "../../../types/share.type"; import CopyTextField from "../CopyTextField"; const showCompletedUploadModal = ( modals: ModalsContextProps, share: CompletedShare, appUrl: string, ) => { const t = translateOutsideContext(); return modals.openModal({ closeOnClickOutside: false, withCloseButton: false, closeOnEscape: false, title: t("upload.modal.completed.share-ready"), children: , }); }; const Body = ({ share, appUrl }: { share: CompletedShare; appUrl: string }) => { const modals = useModals(); const router = useRouter(); const t = useTranslate(); const link = `${appUrl}/s/${share.id}`; return ( {share.notifyReverseShareCreator === true && ( ({ color: theme.colorScheme === "dark" ? theme.colors.gray[3] : theme.colors.dark[4], })} > {t("upload.modal.completed.notified-reverse-share-creator")} )} ({ color: theme.colors.gray[6], })} > {/* If our share.expiration is timestamp 0, show a different message */} {moment(share.expiration).unix() === 0 ? t("upload.modal.completed.never-expires") : t("upload.modal.completed.expires-on", { expiration: moment(share.expiration).format("LLL"), })} ); }; export default showCompletedUploadModal;