From bd059720def99d9328ab69af8628949f4005e7c7 Mon Sep 17 00:00:00 2001
From: Caio Cabral <ocaiocabral@gmail.com>
Date: Wed, 23 Oct 2024 19:57:21 -0400
Subject: [PATCH] feat: sanitizing checks to reduce code repetition

---
 Client/src/Pages/Auth/SetNewPassword.jsx | 52 ++++++------------------
 1 file changed, 12 insertions(+), 40 deletions(-)

diff --git a/Client/src/Pages/Auth/SetNewPassword.jsx b/Client/src/Pages/Auth/SetNewPassword.jsx
index 9edd13d97..63ba3af1c 100644
--- a/Client/src/Pages/Auth/SetNewPassword.jsx
+++ b/Client/src/Pages/Auth/SetNewPassword.jsx
@@ -114,8 +114,6 @@ const SetNewPassword = () => {
 		confirm: getFeedbackStatus("confirm", "different"),
 	};
 
-	console.log({ feedbacks });
-
 	return (
 		<Stack
 			className="set-new-password-page auth"
@@ -236,59 +234,33 @@ const SetNewPassword = () => {
 							mb={theme.spacing(12)}
 						>
 							<Check
-								text={
-									<>
-										<Typography component="span">Must be at least</Typography> 8
-										characters long
-									</>
-								}
+								noHighlightText={"Must be at least"}
+								text={"8 characters long"}
 								variant={feedbacks.length}
 							/>
 							<Check
-								text={
-									<>
-										<Typography component="span">Must contain at least</Typography> one
-										special character
-									</>
-								}
+								noHighlightText={"Must contain at least"}
+								text={"one special character"}
 								variant={feedbacks.special}
 							/>
 							<Check
-								text={
-									<>
-										<Typography component="span">Must contain at least</Typography> one
-										one number
-									</>
-								}
+								noHighlightText={"Must contain at least"}
+								text={"one number"}
 								variant={feedbacks.number}
 							/>
 							<Check
-								text={
-									<>
-										<Typography component="span">Must contain at least</Typography> one
-										upper character
-									</>
-								}
+								noHighlightText={"Must contain at least"}
+								text={"one upper character"}
 								variant={feedbacks.uppercase}
 							/>
 							<Check
-								text={
-									<>
-										<Typography component="span">Must contain at least</Typography> one
-										lower character
-									</>
-								}
+								noHighlightText={"Must contain at least"}
+								text={"one lower character"}
 								variant={feedbacks.lowercase}
 							/>
 							<Check
-								text={
-									<>
-										<Typography component="span">
-											Confirm password and password
-										</Typography>{" "}
-										must match
-									</>
-								}
+								noHighlightText={"Confirm password and password"}
+								text={"must match"}
 								variant={feedbacks.confirm}
 							/>
 						</Stack>