diff --git a/src/app/features/cases/components/organisms/CaseDetail/sections/Residence.tsx b/src/app/features/cases/components/organisms/CaseDetail/sections/Residence.tsx index a8a86d05e..245c01224 100644 --- a/src/app/features/cases/components/organisms/CaseDetail/sections/Residence.tsx +++ b/src/app/features/cases/components/organisms/CaseDetail/sections/Residence.tsx @@ -40,27 +40,36 @@ const Residence: React.FC = ({ caseId }) => { [ "Gebruiksdoel", woningBestemming ], [ "Soort object (feitelijk gebruik) volgens de WOZ", wozSoortObjectOmschrijving ], [ "Status", status ], - [ "Woonoppervlak", oppervlakte ? `${ oppervlakte } m²` : "–" ], - [ "Aantal kamers", aantalKamers ?? "–" ], - [ "Verdieping toegang", verdiepingToegang !== undefined ? verdiepingToegang : "–" ], + [ "Woonoppervlak", oppervlakte ? `${ oppervlakte } m²` : undefined ], + [ "Aantal kamers", aantalKamers ], + [ "Verdieping toegang", verdiepingToegang ], [ "Toegang", toegang ], - [ "Aantal bouwlagen", aantalBouwlagen !== undefined ? aantalBouwlagen : "–" ] + [ "Aantal bouwlagen", aantalBouwlagen ] ] // Woonboot const woonbootFields = [ - [ "Status", bagData?.ligplaatsStatusOmschrijving || "–" ], + [ "Databron", "BAG" ], + [ "Status", bagData?.ligplaatsStatusOmschrijving ], ] + const errorFields = [ + [ "Foutmelding", "Er is iets fout gegaan bij het ophalen van de BAG-gegevens." ] + ] + // Footer const woningUrl = `https://data.amsterdam.nl/adressen/${ bagData?.identificatie }/` + const dataFields = isWoning ? woningFields : woonbootFields + + const data = hasBagData ? dataFields : errorFields + return ( ) }