diff --git a/frontend/src/components/upload/CopyTextField.tsx b/frontend/src/components/upload/CopyTextField.tsx index 00d9572f..134fbd65 100644 --- a/frontend/src/components/upload/CopyTextField.tsx +++ b/frontend/src/components/upload/CopyTextField.tsx @@ -1,7 +1,8 @@ -import { ActionIcon, TextInput } from "@mantine/core"; +import { ActionIcon, TextInput, Tooltip } from "@mantine/core"; import { useClipboard } from "@mantine/hooks"; import { useRef, useState } from "react"; import { TbCheck, TbCopy } from "react-icons/tb"; +import { IoOpenOutline } from "react-icons/io5"; import useTranslate from "../../hooks/useTranslate.hook"; import toast from "../../utils/toast.util"; @@ -37,12 +38,27 @@ function CopyTextField(props: { link: string }) { setTextClicked(true); } }} + rightSectionWidth={62} rightSection={ - window.isSecureContext && ( - - {checkState ? : } - - ) + <> + + + + + + + + {window.isSecureContext && ( + + {checkState ? : } + + )} + } /> ); diff --git a/frontend/src/components/upload/modals/showCreateUploadModal.tsx b/frontend/src/components/upload/modals/showCreateUploadModal.tsx index c83790dc..249e8317 100644 --- a/frontend/src/components/upload/modals/showCreateUploadModal.tsx +++ b/frontend/src/components/upload/modals/showCreateUploadModal.tsx @@ -282,11 +282,12 @@ const CreateUploadModalBody = ({ /> - { options.maxExpirationInHours == 0 && - } + {options.maxExpirationInHours == 0 && ( + + )}