From 801d94ef67d919490f6d4a08cc52925a6ad51bd3 Mon Sep 17 00:00:00 2001
From: Onno Visser <visser.onno@gmail.com>
Date: Wed, 31 Jul 2024 15:59:06 +0200
Subject: [PATCH] Fix pending order (#2333)

---
 .../components/PoolOverview/KeyMetrics.tsx    | 77 +++++++++----------
 centrifuge-js/src/modules/pools.ts            |  4 +-
 2 files changed, 40 insertions(+), 41 deletions(-)

diff --git a/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx b/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx
index b6824f6e3..76a15d9ad 100644
--- a/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx
+++ b/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx
@@ -178,55 +178,54 @@ const AvailableNetworks = ({ poolId }: { poolId: string }) => {
       ) : (
         <Spinner size="iconSmall" />
       )}
-      {activeDomains.data?.length &&
-        activeDomains.data
-          .filter((domain) => domain.isActive)
-          .map((domain) => {
-            const chain = (evmChains as any)[domain.chainId]
-            return (
-              <Tooltip
-                delay={300}
-                bodyWidth="maxContent"
-                bodyPadding={0}
-                body={
-                  <Stack p={1} gap={1} backgroundColor="backgroundSecondary">
-                    <Text variant="heading4">{chain.name}</Text>
-                    {pool.tranches.length > 1 ? (
-                      pool.tranches.map((tranche) => (
-                        <a
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          href={`${chain.blockExplorerUrl}token/${domain.trancheTokens[tranche.id]}`}
-                        >
-                          <Shelf gap={1} alignItems="center">
-                            <Text variant="body2" color="black">
-                              View {tranche.currency.name.split(' ').at(-1)}
-                            </Text>{' '}
-                            <IconExternalLink color="black" size="iconSmall" />
-                          </Shelf>
-                        </a>
-                      ))
-                    ) : (
+      {activeDomains.data
+        ?.filter((domain) => domain.isActive)
+        .map((domain) => {
+          const chain = (evmChains as any)[domain.chainId]
+          return (
+            <Tooltip
+              delay={300}
+              bodyWidth="maxContent"
+              bodyPadding={0}
+              body={
+                <Stack p={1} gap={1} backgroundColor="backgroundSecondary">
+                  <Text variant="heading4">{chain.name}</Text>
+                  {pool.tranches.length > 1 ? (
+                    pool.tranches.map((tranche) => (
                       <a
                         target="_blank"
                         rel="noopener noreferrer"
-                        href={`${chain.blockExplorerUrl}token/${domain.trancheTokens[pool.tranches[0].id]}`}
+                        href={`${chain.blockExplorerUrl}token/${domain.trancheTokens[tranche.id]}`}
                       >
                         <Shelf gap={1} alignItems="center">
                           <Text variant="body2" color="black">
-                            View transactions
+                            View {tranche.currency.name.split(' ').at(-1)}
                           </Text>{' '}
                           <IconExternalLink color="black" size="iconSmall" />
                         </Shelf>
                       </a>
-                    )}
-                  </Stack>
-                }
-              >
-                <NetworkIcon size="iconSmall" network={domain.chainId} />
-              </Tooltip>
-            )
-          })}
+                    ))
+                  ) : (
+                    <a
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      href={`${chain.blockExplorerUrl}token/${domain.trancheTokens[pool.tranches[0].id]}`}
+                    >
+                      <Shelf gap={1} alignItems="center">
+                        <Text variant="body2" color="black">
+                          View transactions
+                        </Text>{' '}
+                        <IconExternalLink color="black" size="iconSmall" />
+                      </Shelf>
+                    </a>
+                  )}
+                </Stack>
+              }
+            >
+              <NetworkIcon size="iconSmall" network={domain.chainId} />
+            </Tooltip>
+          )
+        })}
     </Shelf>
   )
 }
diff --git a/centrifuge-js/src/modules/pools.ts b/centrifuge-js/src/modules/pools.ts
index 5005650bc..feb70e5a4 100644
--- a/centrifuge-js/src/modules/pools.ts
+++ b/centrifuge-js/src/modules/pools.ts
@@ -3494,8 +3494,8 @@ export function getPoolsModule(inst: Centrifuge) {
       switchMap((api) =>
         combineLatest([
           api.queryMulti([
-            [api.query.investments.investOrders, [address, { poolId, trancheId }]],
-            [api.query.investments.redeemOrders, [address, { poolId, trancheId }]],
+            [api.query.investments.investOrders, [address, [poolId, trancheId]]],
+            [api.query.investments.redeemOrders, [address, [poolId, trancheId]]],
           ]),
           getPoolCurrency([poolId]),
         ])