diff --git a/public/locales/en-US/settings-email-pgp.json b/public/locales/en-US/settings-email-pgp.json index a5cc825..3228df3 100644 --- a/public/locales/en-US/settings-email-pgp.json +++ b/public/locales/en-US/settings-email-pgp.json @@ -16,6 +16,6 @@ "description": "We found a public key for your email! Would you like to use it? The key has been created on {{createdAt}} and is of type {{type}}. This is the fingerprint:", "continueActionLabel": "Use Key" }, - "alreadyConfigured": "PGP encryption is activated. You are using a public key with this fingerprint:", + "alreadyConfigured": "PGP encryption is activated. You are using a public key with this fingerprint: ", "remove": "Disable PGP encryption" } diff --git a/src/route-widgets/SettingsEmailPGPRoute/AlreadyConfigured.tsx b/src/route-widgets/SettingsEmailPGPRoute/AlreadyConfigured.tsx index 51a4f7f..00a9511 100644 --- a/src/route-widgets/SettingsEmailPGPRoute/AlreadyConfigured.tsx +++ b/src/route-widgets/SettingsEmailPGPRoute/AlreadyConfigured.tsx @@ -1,15 +1,18 @@ -import {Alert, CircularProgress, Grid} from "@mui/material" -import {ReactElement, useContext} from "react" -import {useTranslation} from "react-i18next" -import {LoadingButton} from "@mui/lab" -import {SimpleDetailResponse, User} from "~/server-types" -import {UpdatePreferencesData, updatePreferences} from "~/apis" -import {useMutation} from "@tanstack/react-query" import {AxiosError} from "axios" -import {useErrorSuccessSnacks} from "~/hooks" -import {AuthContext} from "~/components" import {useAsync} from "react-use" import {readKey} from "openpgp" +import {FaLockOpen} from "react-icons/fa" +import {ReactElement, useContext} from "react" +import {useTranslation} from "react-i18next" + +import {Alert, CircularProgress, Grid} from "@mui/material" +import {LoadingButton} from "@mui/lab" +import {useMutation} from "@tanstack/react-query" + +import {SimpleDetailResponse, User} from "~/server-types" +import {UpdatePreferencesData, updatePreferences} from "~/apis" +import {useErrorSuccessSnacks} from "~/hooks" +import {AuthContext} from "~/components" export default function AlreadyConfigured(): ReactElement { const {t} = useTranslation(["settings-email-pgp", "common"]) @@ -51,13 +54,14 @@ export default function AlreadyConfigured(): ReactElement { {t("alreadyConfigured")} + {isLoadingFingerprint ? : {fingerprint}} - {isLoadingFingerprint ? : {fingerprint}} } onClick={() => mutateAsync({ emailGpgPublicKey: null, diff --git a/src/route-widgets/SettingsEmailPGPRoute/SetupPGPEncryptionForm.tsx b/src/route-widgets/SettingsEmailPGPRoute/SetupPGPEncryptionForm.tsx index 3cfcfae..05393f7 100644 --- a/src/route-widgets/SettingsEmailPGPRoute/SetupPGPEncryptionForm.tsx +++ b/src/route-widgets/SettingsEmailPGPRoute/SetupPGPEncryptionForm.tsx @@ -96,7 +96,7 @@ export default function SetupPGPEncryptionForm(): ReactElement { fullWidth multiline minRows={5} - maxRows={20} + maxRows={15} label={t("form.fields.publicKey.label")} name="publicKey" value={formik.values.publicKey}