From 89cccd676dd87b738415b740243ae219abb8800d Mon Sep 17 00:00:00 2001
From: bernice uwituze <b.uwituze@alustudent.com>
Date: Thu, 25 Jul 2024 17:38:34 +0200
Subject: [PATCH] translate paid status to pending

---
 src/Components/OrderTracking/orderStatus.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/Components/OrderTracking/orderStatus.tsx b/src/Components/OrderTracking/orderStatus.tsx
index ed41d1fc..31801bc3 100644
--- a/src/Components/OrderTracking/orderStatus.tsx
+++ b/src/Components/OrderTracking/orderStatus.tsx
@@ -38,17 +38,19 @@ const OrderStatus: React.FC<OrderStatusProps> = ({
   const [updateOrderStatus, { isLoading: isUpdating }] =
     useUpdateOrderStatusMutation();
 
-  useEffect(() => {
-    if (data && data.status) {
-      setOrderStatus(data.status);
-    }
-  }, [data]);
+    useEffect(() => {
+      if (data && data.status) {
+        const translatedStatus = data.status.toLowerCase() === 'paid' ? 'pending': data.status
+        setOrderStatus(translatedStatus);
+      }
+    }, [data]);
 
   useEffect(() => {
     const channel = pusher.subscribe("order-channel");
     channel.bind("order-updated", (data: OrderUpdateEvent) => {
       if (data.orderId === orderId) {
-        setOrderStatus(data.status);
+        const translatedStatus = data.status.toLowerCase() === 'paid' ? 'pending' : data.status;
+        setOrderStatus(translatedStatus);
       }
     });