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

feat: Add reset functionality

Browse Source
This commit is contained in:
Myzel394 2023-02-11 20:04:24 +01:00
parent a29fe864d3
commit 6dd49d659e
3 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/locales/en-US/translation.json
View File

@ -390,7 +390,8 @@
"title": "Random aliases will look like this",
"helperText": "This is just a preview. Those are not real aliases."
},
"randomAliasesIncreaseExplanation": "Random aliases' length will be increased from {{originalLength}} to {{increasedLength}} characters after {{amount}} aliases have been created."
"randomAliasesIncreaseExplanation": "Random aliases' length will be increased from {{originalLength}} to {{increasedLength}} characters after {{amount}} aliases have been created.",
"resetLabel": "Reset to defaults"
}
}
},

41
src/route-widgets/GlobalSettingsRoute/SettingsForm.tsx
View File

@ -2,7 +2,7 @@ import * as yup from "yup"
import {useFormik} from "formik"
import {TbCursorText} from "react-icons/tb"
import {useTranslation} from "react-i18next"
import {MdCheck, MdOutlineChangeCircle, MdTextFormat} from "react-icons/md"
import {MdCheck, MdClear, MdOutlineChangeCircle, MdTextFormat} from "react-icons/md"
import {BsImage} from "react-icons/bs"
import {AxiosError} from "axios"
@ -122,6 +122,8 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
initialValues: settings,
})
// Fields will either have a value or be filled from the default values.
// That means we will never have a `null` value.
return (
<form onSubmit={formik.handleSubmit}>
<Grid
@ -193,7 +195,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
"routes.AdminRoute.forms.settings.randomEmailIdChars.label",
)}
name="randomEmailIdChars"
value={formik.values.randomEmailIdChars}
value={formik.values.randomEmailIdChars!}
onChange={formik.handleChange}
error={
formik.touched.randomEmailIdChars &&
@ -216,8 +218,8 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
</Grid>
<Grid item marginX="auto">
<RandomAliasGenerator
characters={formik.values.randomEmailIdChars}
length={formik.values.randomEmailIdMinLength}
characters={formik.values.randomEmailIdChars!}
length={formik.values.randomEmailIdMinLength!}
/>
</Grid>
<Grid item>
@ -255,9 +257,9 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
</Grid>
<Grid item>
<AliasesPercentageAmount
percentage={formik.values.randomEmailLengthIncreaseOnPercentage}
length={formik.values.randomEmailIdMinLength}
characters={formik.values.randomEmailIdChars}
percentage={formik.values.randomEmailLengthIncreaseOnPercentage!}
length={formik.values.randomEmailIdMinLength!}
characters={formik.values.randomEmailIdChars!}
/>
</Grid>
<Grid item md={6}>
@ -304,7 +306,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
"routes.AdminRoute.forms.settings.customEmailSuffixChars.label",
)}
name="customEmailSuffixChars"
value={formik.values.customEmailSuffixChars}
value={formik.values.customEmailSuffixChars!}
onChange={formik.handleChange}
error={
formik.touched.customEmailSuffixChars &&
@ -403,7 +405,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
<FormControlLabel
control={
<Checkbox
checked={formik.values.userEmailEnableOtherRelays}
checked={formik.values.userEmailEnableOtherRelays!}
onChange={formik.handleChange}
name="userEmailEnableOtherRelays"
/>
@ -431,7 +433,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
<FormControlLabel
control={
<Checkbox
checked={formik.values.enableImageProxy}
checked={formik.values.enableImageProxy!}
onChange={formik.handleChange}
name="enableImageProxy"
/>
@ -459,7 +461,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
<FormControlLabel
control={
<Checkbox
checked={formik.values.allowStatistics}
checked={formik.values.allowStatistics!}
onChange={formik.handleChange}
name="allowStatistics"
/>
@ -485,7 +487,22 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
</Grid>
</Grid>
<Grid item>
<Grid container justifyContent="center">
<Grid container justifyContent="center" gap={2}>
<Grid item>
<LoadingButton
loading={formik.isSubmitting}
variant="outlined"
type="reset"
startIcon={<MdClear />}
color="warning"
onClick={() => {
formik.setValues(DEFAULT_ADMIN_SETTINGS)
formik.submitForm()
}}
>
{t("routes.AdminRoute.forms.settings.resetLabel")}
</LoadingButton>
</Grid>
<Grid item>
<LoadingButton
loading={formik.isSubmitting}

14
src/server-types.ts
View File

@ -200,14 +200,14 @@ export interface GetPageData {
}
export interface AdminSettings {
randomEmailIdMinLength: number
randomEmailIdChars: string
randomEmailLengthIncreaseOnPercentage: number
randomEmailIdMinLength: number | null
randomEmailIdChars: string | null
randomEmailLengthIncreaseOnPercentage: number | null
customEmailSuffixLength: number
customEmailSuffixChars: string
customEmailSuffixChars: string | null
imageProxyStorageLifeTimeInHours: number
enableImageProxy: boolean
enableImageProxy: boolean | null
userEmailEnableDisposableEmails: boolean
userEmailEnableOtherRelays: boolean
allowStatistics: boolean
userEmailEnableOtherRelays: boolean | null
allowStatistics: boolean | null
}