fix: Cannot read property 'amount_inquired' of null #585

src/react/Components/ListItems/BunqMeTabListItem.jsx

@@ -99,13 +99,20 @@ class BunqMeTabListItem extends React.Component {
         }, 0);
 
         // format the amounts
-        const formattedInquiredAmount = formatMoney(bunqMeTab.bunqme_tab_entry.amount_inquired.value);
-        const formattedTotalPaid = formatMoney(totalPaidAmount);
-
-        const merchantList = bunqMeTab.bunqme_tab_entry.merchant_available
-            .filter(merchant => merchant.available)
-            .map(merchant => merchant.merchant_type)
-            .join(", ");
+        // fill with empty values first
+        let formattedInquiredAmount = formatMoney(0.00);
+        let formattedTotalPaid = formatMoney(0.00);
+        let merchantList = [];
+
+        // only fill real values if tab isn't canceled, will crash otherwise
+        if (bunqMeTab.status !== 'CANCELLED' && bunqMeTab.bunqme_tab_entry !== null) {
+            formattedInquiredAmount = formatMoney(bunqMeTab.bunqme_tab_entry.amount_inquired.value);
+            formattedTotalPaid = formatMoney(totalPaidAmount);
+            merchantList = bunqMeTab.bunqme_tab_entry.merchant_available
+                .filter(merchant => merchant.available)
+                .map(merchant => merchant.merchant_type)
+                .join(", ");
+        }
 
         const avatarStandalone = (
             <Avatar style={styles.smallAvatar}>
@@ -126,6 +133,11 @@ class BunqMeTabListItem extends React.Component {
                 </Badge>
             );
 
+        const primaryText =
+            bunqMeTab.bunqme_tab_entry !== null
+                ? bunqMeTab.bunqme_tab_entry.description
+                : t("Cancelled payment request")
+
         const secondaryText =
             bunqMeTabPayments.length > 0
                 ? `${t("Received")}: ${formattedTotalPaid}`
@@ -134,7 +146,7 @@ class BunqMeTabListItem extends React.Component {
         return [
             <ListItem button onClick={this.toggleExtraInfo}>
                 {itemAvatar}
-                <ListItemText primary={bunqMeTab.bunqme_tab_entry.description} secondary={secondaryText} />
+                <ListItemText primary={primaryText} secondary={secondaryText} />
                 <ListItemSecondaryAction style={{ marginTop: -16 }}>
                     <AccountQRFullscreen mode="HIDDEN" text={shareUrl} />
                     <CopyToClipboardWrap text={shareUrl} onCopy={this.props.copiedValue("the bunq tab url")}>

src/react/Locales/de.json

@@ -65,6 +65,7 @@
 	"Cancel editing": "Bearbeitung abbrechen",
 	"Cancel request": "Anfrage abbrechen",
 	"Cancelled": "Abgebrochen",
+    "Cancelled payment request": "Abgebrochene Zahlungsanfrage",
 	"Capslock active": "Feststelltaste aktiviert",
 	"Card": "Karte",
 	"Card filter": "Kartenfilter",
@@ -695,4 +696,4 @@
 	"weeks": "Wochen",
 	"year": "Jahr",
 	"years": "Jahre"
-}
+}

src/react/Locales/en.json

@@ -65,6 +65,7 @@
 	"Cancel editing": "Cancel editing",
 	"Cancel request": "Cancel request",
 	"Cancelled": "Cancelled",
+	"Cancelled payment request": "Cancelled payment request",
 	"Capslock active": "Capslock active",
 	"Card": "Card",
 	"Card filter": "Card filter",
@@ -698,4 +699,4 @@
 	"weeks": "weeks",
 	"year": "year",
 	"years": "years"
-}
+}

src/react/Locales/nl.json

@@ -63,6 +63,7 @@
 	"Cancel editing": "Bewerken annuleren",
 	"Cancel request": "Verzoek annuleren",
 	"Cancelled": "Geannuleerd",
+    "Cancelled payment request": "Geannuleerd Betalingsverzoek",
 	"Capslock active": "Capslock actief",
 	"Card": "Pas",
 	"Card filter": "Passen",
@@ -687,4 +688,4 @@
 	"weeks": "weken",
 	"year": "jaar",
 	"years": "jaren"
-}
+}