hide cancel order btn open closing order

src/pages/order/page.tsx

@@ -49,7 +49,10 @@ export default function OrderPage() {
   const hasRefetchedRef = useRef(false);
   const [isOpen, setIsOpen] = useState(false);
   const [isRateOrderOpen, setIsRateOrderOpen] = useState(false);
-  const [isSplitBillParticipantsBottomSheetOpen, setIsSplitBillParticipantsBottomSheetOpen] = useState(false);
+  const [
+    isSplitBillParticipantsBottomSheetOpen,
+    setIsSplitBillParticipantsBottomSheetOpen,
+  ] = useState(false);
   const { data: orderDetails } = useGetOrderDetailsQuery(
     {
       orderID: orderId || "",
@@ -75,6 +78,10 @@ export default function OrderPage() {
     (status) => status?.alias === "closed",
   );
 
+  const hasCanceledByCustomerStatus = orderDetails?.status?.some(
+    (status) => status?.alias === "canceled_by_customer",
+  );
+
   // Reset refetch flag when orderId changes
   useEffect(() => {
     hasRefetchedRef.current = false;
@@ -539,8 +546,10 @@ export default function OrderPage() {
                 </>
               }
             >
-              <div className={styles.inviteToBill} 
+              <div
-              onClick={() => setIsSplitBillParticipantsBottomSheetOpen(true)}>
+                className={styles.inviteToBill}
+                onClick={() => setIsSplitBillParticipantsBottomSheetOpen(true)}
+              >
                 <Button
                   shape="circle"
                   iconPlacement="start"
@@ -662,9 +671,12 @@ export default function OrderPage() {
             onClose={() => setIsRateOrderOpen(false)}
           />
 
-          {!hasClosedStatus && <CancelOrderBottomSheet />}
+          {!hasClosedStatus ||
+            (hasCanceledByCustomerStatus && <CancelOrderBottomSheet />)}
         </Layout.Content>
-        {hasClosedStatus && (
+
+        {hasClosedStatus ||
+          (hasCanceledByCustomerStatus && (
             <Layout.Footer className={styles.checkoutButtonContainer}>
               <Button
                 type="primary"
@@ -677,9 +689,12 @@ export default function OrderPage() {
                 {t("order.newOrder")}
               </Button>
             </Layout.Footer>
-        )}
+          ))}
       </Layout>
-      <SplitBillParticipantsBottomSheet isOpen={isSplitBillParticipantsBottomSheetOpen} onClose={() => setIsSplitBillParticipantsBottomSheetOpen(false)} />
+      <SplitBillParticipantsBottomSheet
+        isOpen={isSplitBillParticipantsBottomSheetOpen}
+        onClose={() => setIsSplitBillParticipantsBottomSheetOpen(false)}
+      />
     </>
   );
 }