From 7b392bc4549ecaaae49ac662ec2eae982e948eed Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 26 Nov 2024 13:14:33 +0800
Subject: [PATCH] expose  on TextInput

---
 Client/src/Components/Inputs/TextInput/index.jsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/Client/src/Components/Inputs/TextInput/index.jsx b/Client/src/Components/Inputs/TextInput/index.jsx
index 4d648803a..b78ca5439 100644
--- a/Client/src/Components/Inputs/TextInput/index.jsx
+++ b/Client/src/Components/Inputs/TextInput/index.jsx
@@ -6,6 +6,11 @@ import PropTypes from "prop-types";
 const getSx = (theme, type, maxWidth) => {
 	const sx = {
 		maxWidth: maxWidth,
+		"& .MuiFormHelperText-root": {
+			position: "absolute",
+			bottom: `-${theme.spacing(12)}`,
+			minHeight: theme.spacing(12),
+		},
 	};
 
 	if (type === "url") {
@@ -57,6 +62,7 @@ const TextInput = forwardRef(
 	(
 		{
 			id,
+			name,
 			type,
 			value,
 			placeholder,
@@ -91,6 +97,7 @@ const TextInput = forwardRef(
 				</Typography>
 				<TextField
 					id={id}
+					name={name}
 					type={fieldType}
 					value={value}
 					placeholder={placeholder}
@@ -120,6 +127,7 @@ TextInput.displayName = "TextInput";
 TextInput.propTypes = {
 	type: PropTypes.string,
 	id: PropTypes.string.isRequired,
+	name: PropTypes.string,
 	value: PropTypes.string,
 	placeholder: PropTypes.string,
 	isRequired: PropTypes.bool,