From 438ec51e17c613fb149b1bd6d80e1e4fc134faef Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Mon, 20 Feb 2023 15:49:52 +0100
Subject: [PATCH] feat: Add maxAliasesPerUser to SettingsForm.tsx

---
 public/locales/en-US/translation.json         |  4 +
 .../GlobalSettingsRoute/SettingsForm.tsx      | 81 ++++++++++++++-----
 src/server-types.ts                           |  1 +
 3 files changed, 66 insertions(+), 20 deletions(-)

diff --git a/public/locales/en-US/translation.json b/public/locales/en-US/translation.json
index 0f99c43..4807812 100644
--- a/public/locales/en-US/translation.json
+++ b/public/locales/en-US/translation.json
@@ -395,6 +395,10 @@
                     "allowAliasDeletion": {
                         "label": "Allow alias deletion",
                         "description": "If enabled, users will be able to delete their aliases."
+                    },
+                    "maxAliasesPerUser": {
+                        "label": "Maximum aliases per user",
+                        "description": "The maximum number of aliases a user can create. 0 means unlimited. Existing aliases will not be affected."
                     }
                 }
             },
diff --git a/src/route-widgets/GlobalSettingsRoute/SettingsForm.tsx b/src/route-widgets/GlobalSettingsRoute/SettingsForm.tsx
index 2877bec..6737e73 100644
--- a/src/route-widgets/GlobalSettingsRoute/SettingsForm.tsx
+++ b/src/route-widgets/GlobalSettingsRoute/SettingsForm.tsx
@@ -6,6 +6,9 @@ import {MdCheck, MdClear, MdOutlineChangeCircle, MdTextFormat} from "react-icons
 import {BsImage} from "react-icons/bs"
 import {AxiosError} from "axios"
 
+import {FaMask} from "react-icons/fa"
+import AliasesPercentageAmount from "./AliasPercentageAmount"
+
 import {
 	Checkbox,
 	FormControlLabel,
@@ -28,8 +31,6 @@ import {parseFastAPIError} from "~/utils"
 import {DEFAULT_ADMIN_SETTINGS} from "~/constants/admin-settings"
 import RandomAliasGenerator from "~/route-widgets/GlobalSettingsRoute/RandomAliasGenerator"
 
-import AliasesPercentageAmount from "./AliasPercentageAmount"
-
 export interface SettingsFormProps {
 	settings: AdminSettings
 	queryKey: readonly string[]
@@ -84,7 +85,14 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 		allowStatistics: yup
 			.boolean()
 			.label(t("routes.AdminRoute.forms.settings.allowStatistics.label")),
-	})
+		allowAliasDeletion: yup
+			.boolean()
+			.label(t("routes.AdminRoute.forms.settings.allowAliasDeletion.label")),
+		maxAliasesPerUser: yup
+			.number()
+			.label(t("routes.AdminRoute.forms.settings.maxAliasesPerUser.label"))
+			.min(0),
+	} as Record<keyof AdminSettings, any>)
 
 	const {mutateAsync} = useMutation<
 		UpdateAdminSettingsResponse,
@@ -144,7 +152,40 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 				</Grid>
 				<Grid item>
 					<Grid container spacing={3} direction="row" alignItems="start">
-						<Grid item md={6}>
+						<Grid item xs={12}>
+							<TextField
+								key="max_aliases_per_user"
+								fullWidth
+								label={t(
+									"routes.AdminRoute.forms.settings.maxAliasesPerUser.label",
+								)}
+								name="maxAliasesPerUser"
+								value={formik.values.maxAliasesPerUser}
+								onChange={formik.handleChange}
+								error={
+									formik.touched.maxAliasesPerUser &&
+									Boolean(formik.errors.maxAliasesPerUser)
+								}
+								helperText={
+									(formik.touched.maxAliasesPerUser &&
+										formik.errors.maxAliasesPerUser) ||
+									t(
+										"routes.AdminRoute.forms.settings.maxAliasesPerUser.description",
+									)
+								}
+								type="number"
+								disabled={formik.isSubmitting}
+								inputMode="numeric"
+								InputProps={{
+									startAdornment: (
+										<InputAdornment position="start">
+											<FaMask />
+										</InputAdornment>
+									),
+								}}
+							/>
+						</Grid>
+						<Grid item xs={12} md={6}>
 							<TextField
 								key="random_email_id_min_length"
 								fullWidth
@@ -177,7 +218,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								}}
 							/>
 						</Grid>
-						<Grid item md={6}>
+						<Grid item xs={12} md={6}>
 							<StringPoolField
 								fullWidth
 								allowCustom
@@ -209,13 +250,13 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								}
 							/>
 						</Grid>
-						<Grid item marginX="auto">
+						<Grid item xs={12} marginX="auto">
 							<RandomAliasGenerator
 								characters={formik.values.randomEmailIdChars!}
 								length={formik.values.randomEmailIdMinLength!}
 							/>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<TextField
 								key="random_email_length_increase_on_percentage"
 								fullWidth
@@ -248,14 +289,14 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								}}
 							/>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<AliasesPercentageAmount
 								percentage={formik.values.randomEmailLengthIncreaseOnPercentage!}
 								length={formik.values.randomEmailIdMinLength!}
 								characters={formik.values.randomEmailIdChars!}
 							/>
 						</Grid>
-						<Grid item md={6}>
+						<Grid item xs={12} md={6}>
 							<TextField
 								key="custom_email_suffix_length"
 								fullWidth
@@ -288,7 +329,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								}}
 							/>
 						</Grid>
-						<Grid item md={6}>
+						<Grid item xs={12} md={6}>
 							<StringPoolField
 								key="custom_email_suffix_chars"
 								allowCustom
@@ -320,7 +361,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								}
 							/>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<TextField
 								key="image_proxy_storage_life_time_in_hours"
 								fullWidth
@@ -365,7 +406,7 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								}}
 							/>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<FormGroup key="user_email_enable_disposable_emails">
 								<FormControlLabel
 									control={
@@ -394,12 +435,12 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								</FormHelperText>
 							</FormGroup>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<FormGroup key="user_email_enable_other_relays">
 								<FormControlLabel
 									control={
 										<Checkbox
-											checked={formik.values.userEmailEnableOtherRelays!}
+											checked={formik.values.userEmailEnableOtherRelays}
 											onChange={formik.handleChange}
 											name="userEmailEnableOtherRelays"
 										/>
@@ -423,12 +464,12 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								</FormHelperText>
 							</FormGroup>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<FormGroup key="enable_image_proxy">
 								<FormControlLabel
 									control={
 										<Checkbox
-											checked={formik.values.enableImageProxy!}
+											checked={formik.values.enableImageProxy}
 											onChange={formik.handleChange}
 											name="enableImageProxy"
 										/>
@@ -452,12 +493,12 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								</FormHelperText>
 							</FormGroup>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<FormGroup key="allow_statistics">
 								<FormControlLabel
 									control={
 										<Checkbox
-											checked={formik.values.allowStatistics!}
+											checked={formik.values.allowStatistics}
 											onChange={formik.handleChange}
 											name="allowStatistics"
 										/>
@@ -481,12 +522,12 @@ export default function SettingsForm({settings, queryKey}: SettingsFormProps) {
 								</FormHelperText>
 							</FormGroup>
 						</Grid>
-						<Grid item>
+						<Grid item xs={12}>
 							<FormGroup key="allow_alias_deletion">
 								<FormControlLabel
 									control={
 										<Checkbox
-											checked={formik.values.allowAliasDeletion!}
+											checked={formik.values.allowAliasDeletion}
 											onChange={formik.handleChange}
 											name="allowAliasDeletion"
 										/>
diff --git a/src/server-types.ts b/src/server-types.ts
index d2dd5e1..bfe1b79 100644
--- a/src/server-types.ts
+++ b/src/server-types.ts
@@ -212,6 +212,7 @@ export interface AdminSettings {
 	userEmailEnableOtherRelays: boolean
 	allowStatistics: boolean
 	allowAliasDeletion: boolean
+	maxAliasesPerUser: number
 }
 
 export interface ServerCronReport {