changes in input fields

frontend/src/app/users/[usersId]/page.jsx

@@ -4,6 +4,7 @@ import globalStyle from "../../globalStyle.module.css";
 import editUserStyle from "./styles.module.css";
 import Prompts from "@/app/components/prompts/Prompts";
 import { useState } from "react";
+import TextField from "@/app/components/fields/textfield";
 
 const Page = () => {
   const sampleData = [
@@ -23,8 +24,6 @@ const Page = () => {
     // { permission: "service.update" },
   ];
 
-  const [showPrompt, setShowPrompt] = useState(false);
-
   return (
     <div className={globalStyle.section}>
       <div className={globalStyle.mainContainer}>
@@ -73,15 +72,11 @@ const Page = () => {
                       </div>
                       {/* Input field */}
                       <div className={editUserStyle.inputField}>
-                        <input
-                          type="text"
-                          name=""
-                          id=""
-                          placeholder="nino.moonshot@gmail.com" //static
-                          className={editUserStyle.placeholderTxt}
+                        <TextField
+                          placeHolder="nino.moonshot@gmail.com" //static
                         />
                       </div>
-                      <Prompts show={showPrompt} />
+                      <Prompts show={false} />
                     </div>
                   </div>
                   {/* Full Name */}
@@ -94,15 +89,11 @@ const Page = () => {
                       </div>
                       {/* Input field */}
                       <div className={editUserStyle.inputField}>
-                        <input
-                          type="text"
-                          name=""
-                          id=""
-                          placeholder="Nino Paul Cervantes" //static
-                          className={editUserStyle.placeholderTxt}
+                        <TextField
+                          placeHolder="Nino Paul Cervantes" //static
                         />
                       </div>
-                      <Prompts show={showPrompt} />
+                      <Prompts show={false} />
                     </div>
                   </div>
                 </form>

frontend/src/app/users/add/page.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import TopHeader from "@/app/components/topHeader/TopHeader";
 import globalStyle from "../../globalStyle.module.css";
 import addUserStyle from "./styles.module.css";
+import TextField from "@/app/components/fields/textfield";
 
 const page = () => {
   return (
@@ -55,13 +56,7 @@ const page = () => {
                       </div>
                       {/* Input field */}
                       <div className={addUserStyle.inputField}>
-                        <input
-                          type="text"
-                          name=""
-                          id=""
-                          placeholder="Enter Email"
-                          className={addUserStyle.placeholderTxt}
-                        />
+                        <TextField placeHolder="Enter email" />
                       </div>
                     </div>
                   </div>
@@ -74,13 +69,7 @@ const page = () => {
                       </div>
                       {/* Input field */}
                       <div className={addUserStyle.inputField}>
-                        <input
-                          type="text"
-                          name=""
-                          id=""
-                          placeholder="Enter full name"
-                          className={addUserStyle.placeholderTxt}
-                        />
+                        <TextField placeHolder="Enter full name" />
                       </div>
                     </div>
                   </div>

frontend/src/app/users/page.jsx

@@ -6,6 +6,7 @@ import styles from "./styles.module.css";
 import { useRouter } from "next/navigation";
 import ViewIcon from "../components/icons/view";
 import DeleteIcon from "../components/icons/delete";
+import SuccessToast from "../components/toast/success/successToast";
 
 const UsersPage = () => {
   const router = useRouter();
@@ -32,6 +33,7 @@ const UsersPage = () => {
   ];
   return (
     <div className={globalStyle.section}>
+      <SuccessToast message="New User added successfully" />
       <div className={globalStyle.mainContainer}>
         <div className={globalStyle.container}>
           <TopHeader buttonText="Add User" topbarTitle="Users" />