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 { Share } from "../../../types/share.type"; import CopyTextField from "../CopyTextField"; const showCompletedUploadModal = ( modals: ModalsContextProps, share: Share, 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: Share; appUrl: string }) => { const modals = useModals(); const router = useRouter(); const t = useTranslate(); const link = `${appUrl}/share/${share.id}`; return ( ({ 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;