rename TextInput component to FormElement

front_client/src/App.js

-
 import {Route, Routes} from "react-router-dom";
 import {LOGIN, PRODUCT_ADD, PRODUCT_LIST, PRODUCT_VIEW, REGISTER} from "./constants/routes";
 import Layout from "./components/Layout/Layout";

front_client/src/components/Product/ProductForm/ProductForm.jsx

 import {useState} from "react";
 import {Button, Grid, TextField} from "@mui/material";
-import FileInput from "../../UI/Form/FormElement/FileInput/FileInput";
+import FileInput from "../../UI/Form/FileInput/FileInput";
 
 const ProductForm = ({createProductHandler}) => {
     const [state, setState] = useState({

front_client/src/components/UI/Form/FormElement/TextInput/TextInput.jsx → front_client/src/components/UI/Form/FormElement/FomElement.jsx

 import {Grid, TextField} from "@mui/material";
 import PropTypes from "prop-types";
 
-const TextInput = ({name, label, value, onChange, required, error, type}) => {
+const FomElement = ({name, label, value, onChange, required, error, type}) => {
     return <Grid item xs={12}>
         <TextField
             fullWidth
@@ -19,7 +19,7 @@ const TextInput = ({name, label, value, onChange, required, error, type}) => {
     </Grid>;
 };
 
-TextInput.propTypes = {
+FomElement.propTypes = {
     name: PropTypes.string.isRequired,
     label: PropTypes.string.isRequired,
     value: PropTypes.string.isRequired,
@@ -29,4 +29,4 @@ TextInput.propTypes = {
     onChange: PropTypes.func.isRequired
 };
 
-export default TextInput;
+export default FomElement;

front_client/src/containers/Auth/Login/Login.jsx

@@ -6,7 +6,7 @@ import {Link as RouterLink, useLocation, useNavigate} from 'react-router-dom';
 import {REGISTER} from "../../../constants/routes";
 import {useDispatch, useSelector} from "react-redux";
 import {loginUser} from "../../../store/actions/usersActions";
-import TextInput from "../../../components/UI/Form/FormElement/TextInput/TextInput";
+import FomElement from "../../../components/UI/Form/FormElement/FomElement";
 import {setLoginError} from "../../../store/services/usersSlice";
 
 const theme = createTheme();
@@ -63,14 +63,14 @@ const Login = () => {
                     {error && <Alert severity="error">{error.error}</Alert>}
                     <Box component="form" noValidate onSubmit={handleSubmit} sx={{ mt: 3 }}>
                         <Grid container spacing={2}>
-                            <TextInput
+                            <FomElement
                                 required={true}
                                 label="Username"
                                 name="username"
                                 onChange={inputChangeHandler}
                                 value={state.username}
                             />
-                            <TextInput
+                            <FomElement
                                 required={true}
                                 name="password"
                                 label="Password"

front_client/src/containers/Auth/Register/Register.jsx

@@ -6,7 +6,7 @@ import {Link as RouterLink, useLocation, useNavigate} from 'react-router-dom';
 import {LOGIN} from "../../../constants/routes";
 import {useDispatch, useSelector} from "react-redux";
 import {registerUser} from "../../../store/actions/usersActions";
-import TextInput from "../../../components/UI/Form/FormElement/TextInput/TextInput";
+import FomElement from "../../../components/UI/Form/FormElement/FomElement";
 import {setRegisterError} from "../../../store/services/usersSlice";
 
 const theme = createTheme();
@@ -66,7 +66,7 @@ const Register = () => {
                     </Typography>
                     <Box component="form" noValidate onSubmit={handleSubmit} sx={{ mt: 3 }}>
                         <Grid container spacing={2}>
-                            <TextInput
+                            <FomElement
                                 required={true}
                                 label="Username"
                                 name="username"
@@ -74,7 +74,7 @@ const Register = () => {
                                 value={state.username}
                                 error={getFieldError('username')}
                             />
-                            <TextInput
+                            <FomElement
                                 required={true}
                                 name="password"
                                 label="Password"