From bdfe91c6616929db9885071e0f45e0664937611e Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 26 Nov 2024 14:17:36 +0800
Subject: [PATCH] integrate into ForgotPassword page

---
 Client/src/Pages/AdvancedSettings/index.jsx | 1 -
 Client/src/Pages/Auth/ForgotPassword.jsx    | 7 ++++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/Client/src/Pages/AdvancedSettings/index.jsx b/Client/src/Pages/AdvancedSettings/index.jsx
index 60742c51b..35f0e4c85 100644
--- a/Client/src/Pages/AdvancedSettings/index.jsx
+++ b/Client/src/Pages/AdvancedSettings/index.jsx
@@ -1,7 +1,6 @@
 import { useTheme } from "@emotion/react";
 import { Box, Stack, Typography } from "@mui/material";
 import TextInput from "../../Components/Inputs/TextInput";
-import Field from "../../Components/Inputs/Field";
 import Link from "../../Components/Link";
 import "./index.css";
 import { useDispatch, useSelector } from "react-redux";
diff --git a/Client/src/Pages/Auth/ForgotPassword.jsx b/Client/src/Pages/Auth/ForgotPassword.jsx
index 675bd0239..1fd5f1b2f 100644
--- a/Client/src/Pages/Auth/ForgotPassword.jsx
+++ b/Client/src/Pages/Auth/ForgotPassword.jsx
@@ -7,7 +7,7 @@ import { useEffect, useState } from "react";
 import { credentials } from "../../Validation/validation";
 import { useNavigate } from "react-router-dom";
 import { IconBox } from "./styled";
-import Field from "../../Components/Inputs/Field";
+import TextInput from "../../Components/Inputs/TextInput";
 import Logo from "../../assets/icons/bwu-icon.svg?react";
 import Key from "../../assets/icons/key.svg?react";
 import Background from "../../assets/Images/background-grid.svg?react";
@@ -160,7 +160,7 @@ const ForgotPassword = () => {
 						spellCheck={false}
 						onSubmit={handleSubmit}
 					>
-						<Field
+						<TextInput
 							type="email"
 							id="forgot-password-email-input"
 							label="Email"
@@ -168,7 +168,8 @@ const ForgotPassword = () => {
 							placeholder="Enter your email"
 							value={form.email}
 							onChange={handleChange}
-							error={errors.email}
+							error={errors.email ? true : false}
+							helperText={errors.email}
 						/>
 						<LoadingButton
 							variant="contained"