mirror of
https://github.com/Myzel394/kleckrelay-website.git
synced 2025-06-20 08:15:26 +02:00
ui: Improve pgp settings page
This commit is contained in:
parent
a610f735ee
commit
1765235be2
@ -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")}
|
||||
</Alert>
|
||||
{isLoadingFingerprint ? <CircularProgress /> : <code>{fingerprint}</code>}
|
||||
</Alert>
|
||||
</Grid>
|
||||
<Grid item>
|
||||
<LoadingButton
|
||||
variant="contained"
|
||||
loading={isLoading}
|
||||
startIcon={<FaLockOpen />}
|
||||
onClick={() =>
|
||||
mutateAsync({
|
||||
emailGpgPublicKey: null,
|
||||
|
@ -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}
|
||||
|
Loading…
x
Reference in New Issue
Block a user