fix: limit order gasless cancel show wrong status (#2397)

Author: nguyenhoaidanh

src/components/swapv2/LimitOrder/ListOrder/useRequestCancelOrder.tsx

@@ -254,8 +254,12 @@ export const useProcessCancelOrder = ({
       if (signal.aborted) return
       setCancelStatus(gasLessCancel ? CancelStatus.COUNTDOWN : CancelStatus.WAITING)
       const expired = data?.orders?.[0]?.operatorSignatureExpiredAt
-      if (expired) setExpiredTime(expired)
-      else onDismiss()
+      if (expired) {
+        setExpiredTime(expired)
+        if (expired * 1000 < Date.now()) {
+          isEdit ? onDismiss() : setCancelStatus(CancelStatus.CANCEL_DONE)
+        }
+      } else onDismiss()
     } catch (error) {
       if (signal.aborted) return
       setExpiredTime(0)

src/components/swapv2/LimitOrder/Modals/CancelButtons.tsx

@@ -166,11 +166,7 @@ const CancelButtons = ({
       </ButtonWrapper>
     )
 
-  const propsGasless = {
-    color: cancelType === CancelOrderType.GAS_LESS_CANCEL ? theme.primary : undefined,
-    height: '40px',
-    width: '100%',
-  }
+  const propsGasless = { height: '40px', width: '100%' }
   const propsHardCancel = { style: { height: '40px', width: '100%' }, disabled: disabledHardCancel }
 
   if (isCountDown)
@@ -217,6 +213,7 @@ const CancelButtons = ({
             >
               <ButtonOutlined
                 {...propsGasless}
+                color={cancelType === CancelOrderType.GAS_LESS_CANCEL ? theme.primary : undefined}
                 onClick={() => onSetType(CancelOrderType.GAS_LESS_CANCEL)}
                 $disabled={disabledGasLessCancel}
                 disabled={disabledGasLessCancel}