active job message

src/components/MyActiveJobs/ActiveJobs.jsx

@@ -3,6 +3,7 @@ import { useSelector } from "react-redux";
 import ModalCom from "../Helpers/ModalCom";
 import Layout from "../Partials/Layout";
 import { useLocation, useNavigate } from "react-router-dom";
+import ActiveJobMessage from "./ActiveJobMessage";
 
 function ActiveJobs() {
   let { userDetails } = useSelector((state) => state.userDetails);
@@ -120,6 +121,7 @@ function ActiveJobs() {
                       <span className="text-white">Send</span>
                   </button>
                 </div>
+
               </div>
               {/* end of Buttons Sections  */}
             </div>
@@ -138,11 +140,7 @@ function ActiveJobs() {
             <div className="mt-5 bg-white p-4 rounded-md shadow-md">
               <div className="">
                 <p className="text-lg font-bold text-dark-gray dark:text-black tracking-wide">Message</p>
-                <textarea
-                  className="p-4 w-full text-base text-slate-600 border border-slate-300 outline-none rounded-md"
-                  rows="10"
-                  style={{ resize: "none" }}
-                />
+                <ActiveJobMessage />
               </div>
             </div>