Merge pull request #2208 from Amsterdam/improvement/update-wonen-ui

Updated wonen-ui

package.json

@@ -6,7 +6,7 @@
  "@amsterdam/amsterdam-react-final-form": "^0.1.140",
  "@amsterdam/asc-assets": "^0.38.0",
  "@amsterdam/asc-ui": "^0.37.0",
- "@amsterdam/wonen-ui": "^1.0.41",
+ "@amsterdam/wonen-ui": "^1.0.43",
  "@material-ui/core": "^4.12.4",
  "@material-ui/icons": "^4.11.3",
  "@reach/router": "^1.3.4",

src/app/components/addresses/AddressMenu/AddressMenu.tsx

@@ -21,8 +21,8 @@ const AddressMenu: React.FC<Props> = ({ bagId }) => {
  const [permitDetails] = usePermitDetails(bagId)
  const [data] = useCasesByBagId(bagId)
  const numCases = data?.results?.length ?? 0
- const permitsGranted = permitDetails?.permits.filter(p => p.permit_granted === "GRANTED").length
- const permitsFound = permitDetails?.permits.filter(p => ["GRANTED", "NOT_GRANTED"].includes(p.permit_granted)).length
+ const permitsGranted = permitDetails?.permits?.filter(p => p.permit_granted === "GRANTED").length
+ const permitsFound = permitDetails?.permits?.filter(p => ["GRANTED", "NOT_GRANTED"].includes(p.permit_granted)).length
  const counts = [
  undefined,
  undefined,
@@ -34,30 +34,30 @@ const AddressMenu: React.FC<Props> = ({ bagId }) => {
  <BlockMenu>
  <ul>
  { routes.map((route, index) => {
-  const path = typeof route === "string" ? route : route.path
-  const permissionNames = typeof route !== "string" ? route.permissionNames : undefined
-  const page = routesObject[path]
-  if (page?.icon === undefined || page?.title === undefined) return null
-  const navBlock = (
-  <NavBlock
-  to={ to(path, { bagId }) }
-  icon={ page.icon }
-  header={ page.title }
-  count={ counts[index] }
-  permissionNames={ permissionNames }
-  />
-  )
-  return (
-  <li key={ path }>
-  <div>
-  { mockedRoutes.includes(path) ? (
-  <MockWrapper hasPadding={ false }>{ navBlock }</MockWrapper>
-  ) : navBlock
-  }
-  </div>
-  </li>
-  )
-  })
+ const path = typeof route === "string" ? route : route.path
+ const permissionNames = typeof route !== "string" ? route.permissionNames : undefined
+ const page = routesObject[path]
+ if (page?.icon === undefined || page?.title === undefined) return null
+ const navBlock = (
+ <NavBlock
+ to={ to(path, { bagId }) }
+ icon={ page.icon }
+ header={ page.title }
+ count={ counts[index] }
+ permissionNames={ permissionNames }
+ />
+ )
+ return (
+ <li key={ path }>
+ <div>
+ { mockedRoutes.includes(path) ? (
+ <MockWrapper hasPadding={ false }>{ navBlock }</MockWrapper>
+ ) : navBlock
+ }
+ </div>
+ </li>
+ )
+ })
  }
  </ul>
  </BlockMenu>