updates on the activeSection and dispatch

src/pages/nearle/dispatch/ActiveSection.js

@@ -7,6 +7,7 @@ import {
   MdMyLocation,
   MdInventory2
 } from 'react-icons/md';
+import dayjs from 'dayjs';
 import { getStatusStyle, getActiveOrder } from './dispatchShared';
 
 const ActiveSection = ({
@@ -83,13 +84,20 @@ const ActiveSection = ({
               <span className="adcard-tx">{riderName}</span>
             </div>
           </div>
-          <span
-            className="adcard-status"
-            style={{ background: `${statusStyle.bg}1a`, color: statusStyle.bg }}
-            title={statusStyle.label}
-          >
-            {statusStyle.label}
-          </span>
+          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-end', gap: '4px' }}>
+            <span
+              className="adcard-status"
+              style={{ background: `${statusStyle.bg}1a`, color: statusStyle.bg }}
+              title={statusStyle.label}
+            >
+              {statusStyle.label}
+            </span>
+            {o.deliverytime && (
+              <span className="adcard-time" style={{ fontSize: '11px', color: '#64748b' }}>
+                {dayjs(o.deliverytime).isValid() ? dayjs(o.deliverytime).format('HH:mm:ss') : String(o.deliverytime)}
+              </span>
+            )}
+          </div>
         </div>
 
         {dropArea && (