ui and strings

client/src/Pages/Auth/SetNewPassword/index.tsx

@@ -1,9 +1,17 @@
-import { BaseAuthPage, TextLink } from "@/Components/v2/design-elements";
+import {
+	BaseAuthPage,
+	BulletPointCheck,
+	TextLink,
+} from "@/Components/v2/design-elements";
 import { Button, TextField } from "@/Components/v2/inputs";
+import Stack from "@mui/material/Stack";
+import { useTheme } from "@mui/material/styles";
 import { useTranslation } from "react-i18next";
 
 const SetNewPasswordPage = () => {
+	const theme = useTheme();
 	const { t } = useTranslation();
+
 	return (
 		<BaseAuthPage
 			title={t("pages.auth.setNewPassword.title")}
@@ -19,6 +27,32 @@ const SetNewPasswordPage = () => {
 				fieldLabel={t("pages.auth.common.form.option.confirmPassword.label")}
 				placeholder={t("pages.auth.common.form.option.password.placeholder")}
 			/>
+			<Stack gap={theme.spacing(4)}>
+				<BulletPointCheck
+					text={t("auth.common.passwordRules.length")}
+					variant="info"
+				/>
+				<BulletPointCheck
+					text={t("auth.common.passwordRules.special")}
+					variant="info"
+				/>
+				<BulletPointCheck
+					text={t("auth.common.passwordRules.number")}
+					variant="info"
+				/>
+				<BulletPointCheck
+					text={t("auth.common.passwordRules.uppercase")}
+					variant="info"
+				/>
+				<BulletPointCheck
+					text={t("auth.common.passwordRules.lowercase")}
+					variant="info"
+				/>
+				<BulletPointCheck
+					text={t("auth.common.passwordRules.match")}
+					variant="info"
+				/>
+			</Stack>
 			<Button
 				variant="contained"
 				type="submit"

client/src/locales/en.json

@@ -93,6 +93,14 @@
 			},
 			"navigation": {
 				"continue": "Continue"
+			},
+			"passwordRules": {
+				"length": "Must be at least 8 characters long",
+				"special": "Must contain at least one special character (!?@#$%^&*()-_=+[]{}|;:'\",./\\~`)",
+				"number": "Must contain at least one number",
+				"uppercase": "Must contain at least one upper character",
+				"lowercase": "Must contain at least one lower character",
+				"match": "Passwords must match"
 			}
 		},
 		"forgotPassword": {
@@ -619,6 +627,7 @@
 		},
 		"auth": {
 			"common": {
+				"passwordRules": {},
 				"form": {
 					"option": {
 						"email": {