action contents

src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx

@@ -4,7 +4,27 @@ function CurrentJobAction() {
   return (
     <div className=''>
       <p className="my-3 py-1 text-base">
-        Waiting for the completion message from the client before you can approve. Owner True & Active
+          <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
+              <tbody>
+              <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                      <div className="flex space-x-2 items-center w-full">
+                          <div className="flex flex-col flex-[0.9]">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                                  Waiting for the completion message from the client before you can approve.
+                              </h1>
+                          </div>
+                      </div>
+                  </td>
+
+                  <td className="text-right py-4 px-2">
+                      <div className="flex justify-center items-center">
+                          .
+                      </div>
+                  </td>
+              </tr>
+              </tbody>
+          </table>
       </p>
     </div>
   )

src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx

@@ -3,9 +3,32 @@ import React from 'react'
 function CurrentTaskAction() {
   return (
     <div className=''>
-      <p className="my-3 py-1 text-base">
+
-        Waiting for the completion message from the client before you can approve. Worker True & Active
+          <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
-      </p>
+              <tbody>
+              <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                      <div className="flex space-x-2 items-center w-full">
+                          <div className="flex flex-col flex-[0.9]">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                                  If you have completed this task and ready for review and acceptance, click "Set Status" button.
+                              </h1>
+                          </div>
+                      </div>
+                  </td>
+
+                  <td className="text-right py-4 px-2">
+                      <div className="flex justify-center items-center">
+                          <button type="button" className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
+                              Set Status
+                          </button>
+                      </div>
+                  </td>
+              </tr>
+              </tbody>
+          </table>
+
+
     </div>
   )
 }