feat(Expense): add reference (#1053)

opencollective · Sep 11, 2024 · 7ddc740 · 7ddc740
1 parent 33409ed
commit 7ddc740
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/components/ExpenseInvoice.js b/components/ExpenseInvoice.js
@@ -107,6 +107,15 @@ const ExpenseInvoice = ({ expense, pageFormat }) => {
                     />
                   </H2>
                 </StyledLink>
+                {expense.reference && (
+                  <P fontSize="13px" color="black.900">
+                    <FormattedMessage
+                      id="Expense.Reference"
+                      defaultMessage="Reference: {reference}"
+                      values={{ reference: expense.reference }}
+                    />
+                  </P>
+                )}
                 <FormattedMessage
                   id="CollectiveColumn"
                   defaultMessage="Collective: {collectiveName}"
@@ -176,6 +185,7 @@ ExpenseInvoice.propTypes = {
   expense: PropTypes.shape({
     id: PropTypes.string,
     legacyId: PropTypes.number,
+    reference: PropTypes.string,
     description: PropTypes.string,
     currency: PropTypes.string,
     type: PropTypes.oneOf(['INVOICE', 'RECEIPT']),

diff --git a/lib/graphql/queries.js b/lib/graphql/queries.js
@@ -275,6 +275,7 @@ export async function fetchExpenseInvoiceData(expenseId, authorizationHeaders) {
         type
         invoiceInfo
         amount
+        reference
         permissions {
           canSeeInvoiceInfo
         }