From d380925c5257eade9a3e1c6c4a249ab1a5e1c077 Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Sun, 7 Jan 2024 12:16:05 +0000
Subject: [PATCH] Fix undefined currencyCode

---
 frontend/src/components/OrderDetails/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/OrderDetails/index.tsx b/frontend/src/components/OrderDetails/index.tsx
index 2ddf7784..37855eaa 100644
--- a/frontend/src/components/OrderDetails/index.tsx
+++ b/frontend/src/components/OrderDetails/index.tsx
@@ -66,14 +66,14 @@ const OrderDetails = ({
   const [coordinator, setCoordinator] = useState<Coordinator | null>(
     federation.getCoordinator(shortAlias),
   );
-  const [currencyCode, setCurrecyCode] = useState<string | null>();
+  const [currencyCode, setCurrencyCode] = useState<string | null>();
   const [showSatsDetails, setShowSatsDetails] = useState<boolean>(false);
   const [openWorldmap, setOpenWorldmap] = useState<boolean>(false);
 
   useEffect(() => {
     setCoordinator(federation.getCoordinator(shortAlias));
-    setCurrecyCode(currencies[(currentOrder?.currency ?? 1).toString()]);
-  }, [orderUpdatedAt]);
+    setCurrencyCode(currencies[(currentOrder?.currency ?? 1).toString()]);
+  }, [currentOrder, orderUpdatedAt]);
 
   const amountString = useMemo(() => {
     if (currentOrder === null || currentOrder.amount === null) return;
@@ -97,7 +97,7 @@ const OrderDetails = ({
         ) + ` ${currencyCode}`
       );
     }
-  }, [orderUpdatedAt]);
+  }, [orderUpdatedAt, currencyCode]);
 
   // Countdown Renderer callback with condition
   const countdownRenderer = function ({