From a053386f4a18b161554fb4e7aabcd04dd2e82b62 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Fri, 6 Feb 2026 22:34:50 +0000
Subject: [PATCH] ui

---
 client/src/Pages/Auth/Register/index.tsx      | 43 +++++++++++++++++++
 .../Auth/Register/{index.jsx => old.jsx}      |  0
 client/src/Routes/index.jsx                   | 18 ++++++--
 client/src/locales/en.json                    | 20 +++++++++
 4 files changed, 78 insertions(+), 3 deletions(-)
 create mode 100644 client/src/Pages/Auth/Register/index.tsx
 rename client/src/Pages/Auth/Register/{index.jsx => old.jsx} (100%)

diff --git a/client/src/Pages/Auth/Register/index.tsx b/client/src/Pages/Auth/Register/index.tsx
new file mode 100644
index 000000000..e51eff6ec
--- /dev/null
+++ b/client/src/Pages/Auth/Register/index.tsx
@@ -0,0 +1,43 @@
+import { BaseAuthPage } from "@/Components/v2/design-elements";
+import { Button, TextField } from "@/Components/v2/inputs";
+
+import { useTranslation } from "react-i18next";
+const RegisterPage = () => {
+	const { t } = useTranslation();
+	return (
+		<BaseAuthPage
+			component="form"
+			title={t("pages.auth.register.title")}
+			subtitle={t("pages.auth.register.subtitle")}
+		>
+			<TextField
+				fieldLabel={t("pages.auth.register.form.option.name.label")}
+				placeholder={t("pages.auth.register.form.option.name.placeholder")}
+			/>
+			<TextField
+				fieldLabel={t("pages.auth.register.form.option.surname.label")}
+				placeholder={t("pages.auth.register.form.option.surname.placeholder")}
+			/>
+			<TextField
+				fieldLabel={t("pages.auth.common.form.option.email.label")}
+				placeholder={t("pages.auth.common.form.option.email.placeholder")}
+			/>
+			<TextField
+				fieldLabel={t("pages.auth.common.form.option.password.label")}
+				placeholder={t("pages.auth.common.form.option.password.placeholder")}
+			/>
+			<TextField
+				fieldLabel={t("pages.auth.common.form.option.confirmPassword.label")}
+				placeholder={t("pages.auth.common.form.option.password.placeholder")}
+			/>
+			<Button
+				variant="contained"
+				type="submit"
+			>
+				{t("pages.auth.register.submit")}
+			</Button>
+		</BaseAuthPage>
+	);
+};
+
+export default RegisterPage;
diff --git a/client/src/Pages/Auth/Register/index.jsx b/client/src/Pages/Auth/Register/old.jsx
similarity index 100%
rename from client/src/Pages/Auth/Register/index.jsx
rename to client/src/Pages/Auth/Register/old.jsx
diff --git a/client/src/Routes/index.jsx b/client/src/Routes/index.jsx
index acc9ad0c1..12716dc35 100644
--- a/client/src/Routes/index.jsx
+++ b/client/src/Routes/index.jsx
@@ -9,7 +9,8 @@ import NotFound from "../Pages/NotFound/index.jsx";
 
 // Auth
 import AuthLogin from "../Pages/Auth/Login";
-import AuthRegister from "../Pages/Auth/Register/index.jsx";
+import AuthRegister from "@/Pages/Auth/Register";
+import OldAuthRegister from "../Pages/Auth/Register/old.jsx";
 import AuthForgotPassword from "@/Pages/Auth/Recovery";
 import AuthCheckEmail from "../Pages/Auth/CheckEmail.jsx";
 import AuthSetNewPassword from "../Pages/Auth/SetNewPassword.jsx";
@@ -62,7 +63,8 @@ import CreateMonitor from "@/Pages/CreateMonitor";
 
 const Routes = () => {
 	const mode = useSelector((state) => state.ui.mode);
-	const AdminCheckedRegister = withAdminCheck(AuthRegister);
+	// const AdminCheckedRegister = withAdminCheck(AuthRegister);
+	const AdminCheckedRegister = AuthRegister;
 	const v2theme = mode === "light" ? lightTheme : darkTheme;
 	return (
 		<LibRoutes>
@@ -372,7 +374,17 @@ const Routes = () => {
 
 			<Route
 				path="/register"
-				element={<AdminCheckedRegister />}
+				element={
+					<>
+						<ThemeProvider theme={v2theme}>
+							<AdminCheckedRegister />
+						</ThemeProvider>
+					</>
+				}
+			/>
+			<Route
+				path="/register-old"
+				element={<OldAuthRegister />}
 			/>
 
 			<Route
diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index 90fe56997..305b3cf90 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -509,6 +509,9 @@
 						"password": {
 							"label": "Password",
 							"placeholder": "********"
+						},
+						"confirmPassword": {
+							"label": "Confirm password"
 						}
 					}
 				}
@@ -528,6 +531,23 @@
 					}
 				}
 			},
+			"register": {
+				"title": "Welcome back to Checkmate!",
+				"subtitle": "Sign up to get started",
+				"submit": "Register",
+				"form": {
+					"option": {
+						"name": {
+							"label": "Name",
+							"placeholder": "Your name"
+						},
+						"surname": {
+							"label": "Surname",
+							"placeholder": "Your surname"
+						}
+					}
+				}
+			},
 			"forgotPassword": {
 				"title": "Forgot your password?",
 				"subtitle": "No worries, we'll send you reset instructions.",