Job actions

2023-06-10 17:25:34 -04:00
parent 4d74946f0d
commit 15ef592252
5 changed files with 61 additions and 14 deletions
@@ -3,9 +3,31 @@ import React from 'react'
 function PastDueTaskAction() {
  return (
    <div className='job-action'>
-      <p className="my-3 py-1 text-base">
-        Waiting for the completion message from the client before you can approve. Worker True & PastDue
-      </p>
+
+        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 worker-pastdue">
+            <tbody>
+            <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                <td>
+                    <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">
+                                You have missed the allocated time
+                            </h1>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <div className="flex justify-center items-center">
+                        <button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
+                            Request Extension
+                        </button>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
    </div>
  )
 }