Fixed

frontend/src/app/projects/view/variableModals/AddVariableModal/AddVariableModal.jsx

@@ -1,3 +1,4 @@
+"use client";
 import React, { useState } from "react";
 import styles from "./styles.module.css";
 import CloseIcon from "@/app/components/icons/close";
@@ -6,6 +7,7 @@ import AddIcon from "@/app/components/icons/add";
 import PrimaryButton from "@/app/components/buttons/primarybutton/PrimaryButton";
 import SelectField from "@/app/components/select/SelectField";
 const AddVariableModal = (props) => {
+  const [isGeneric, setIsGeneric] = useState();
   return (
     <div className={styles.container}>
       <div className={styles.modal}>
@@ -66,7 +68,7 @@ const AddVariableModal = (props) => {
                         <div>
                           <p>Variable Name</p>
                         </div>
-                        <TextField />
+                        <TextField placeHolder="Enter a variable name" />
                       </div>
                     </div>
                     <div className={styles.horizontalInput}>
@@ -117,7 +119,7 @@ const AddVariableModal = (props) => {
           </div>
         </div>
         <div className={styles.addButtonContainer}>
-          <PrimaryButton />
+          <PrimaryButton text="  Add " icon={<AddIcon />} />
         </div>
       </div>
     </div>