Myzel394/kleckrelay
1
0
Fork 0
mirror of https://github.com/Myzel394/kleckrelay-website.git synced 2025-06-20 08:15:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: Improve pgp settings page

Browse Source
This commit is contained in:
Myzel394 2023-04-10 13:14:30 +02:00
parent a610f735ee
commit 1765235be2
No known key found for this signature in database
GPG Key ID: 79CC92F37B3E1A2B
3 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/locales/en-US/settings-email-pgp.json
View File

@ -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"
}

24
src/route-widgets/SettingsEmailPGPRoute/AlreadyConfigured.tsx
View File

@ -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 {
<Grid item>
<Alert severity="success" variant="standard">
{t("alreadyConfigured")}
{isLoadingFingerprint ? <CircularProgress /> : <code>{fingerprint}</code>}
</Alert>
{isLoadingFingerprint ? <CircularProgress /> : <code>{fingerprint}</code>}
</Grid>
<Grid item>
<LoadingButton
variant="contained"
loading={isLoading}
startIcon={<FaLockOpen />}
onClick={() =>
mutateAsync({
emailGpgPublicKey: null,

2
src/route-widgets/SettingsEmailPGPRoute/SetupPGPEncryptionForm.tsx
View File

@ -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}