fix: add all reference codes to dashboard (#936)

geyserfund · Jun 7, 2023 · 7a47922 · 7a47922
1 parent d558a89
commit 7a47922
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/src/graphql/queries/project.ts b/src/graphql/queries/project.ts
@@ -175,6 +175,7 @@ export const QUERY_PROJECT_DASHBOARD_FUNDERS = gql`
       fundingTxs {
         email
         paidAt
+        amount
         uuid
       }
       rewards {

diff --git a/src/pages/projectDashboard/sections/ProjectContributors.tsx b/src/pages/projectDashboard/sections/ProjectContributors.tsx
@@ -10,6 +10,7 @@ import {
   Text,
   Th,
   Thead,
+  Tooltip,
   Tr,
   VStack,
 } from '@chakra-ui/react'
@@ -147,11 +148,23 @@ export const ProjectContributors = () => {
         },
       },
       {
-        header: 'Reference code',
+        header: 'Reference codes',
         key: 'reference',
-        value(val: Funder) {
-          const tx = val.fundingTxs.find((tx) => tx.paidAt)
-          return tx?.uuid || '-'
+        render({ fundingTxs }: Funder) {
+          return (
+            <VStack alignItems="start">
+              {fundingTxs
+                .filter((tx) => Boolean(tx.paidAt))
+                .map((tx) => (
+                  <Tooltip
+                    key={tx.uuid}
+                    label={<SatoshiAmount>{tx.amount}</SatoshiAmount>}
+                  >
+                    <Text variant="caption">{tx.uuid}</Text>
+                  </Tooltip>
+                ))}
+            </VStack>
+          )
         },
       },
     ],