diff --git a/src/client/routes/home/index.js b/src/client/routes/home/index.js index ec88b4ff..c35fbff8 100644 --- a/src/client/routes/home/index.js +++ b/src/client/routes/home/index.js @@ -18,7 +18,6 @@ import { Divider, FileButton, } from '@mantine/core'; - import { useMediaQuery } from '@mantine/hooks'; import { IconSquarePlus, @@ -274,7 +273,7 @@ const Home = () => { onChange={onPreventBurnChange} readOnly={inputReadOnly} color="hemmelig" - label="Burn the secret only after the expired date" + label="Burn the secret only after the time expires" /> { const [isPasswordRequired, setIsPasswordRequired] = useState(false); const [file, setFile] = useState(null); const [isDownloaded, setIsDownloaded] = useState(false); - const [isBase64Content, setIsBase64Content] = useState(false); const [error, setError] = useState(null); + const [hasConvertedBase64ToPlain, setHasConvertedBase64ToPlain] = useState(false); const fetchSecret = async (event) => { event.preventDefault(); @@ -78,12 +78,6 @@ const Secret = () => { } }; - useEffect(() => { - if (secret && validator.isBase64(secret)) { - setIsBase64Content(true); - } - }, [secret]); - useEffect(() => { (async () => { const response = await secretExists(secretId, password); @@ -124,7 +118,7 @@ const Secret = () => { const convertBase64ToPlain = () => { setSecret(atob(secret)); - setIsBase64Content(false); + setHasConvertedBase64ToPlain(true); }; return ( @@ -172,12 +166,12 @@ const Secret = () => { leftIcon={} onClick={fetchSecret} > - View secret + View the secret )} - + {isSecretOpen && ( )} - {isBase64Content && ( + {isSecretOpen && (