Add bewoners/bedrijven conditionally for Parkeren (#1683)

src/client/pages/Parkeren/Parkeren.test.tsx

@@ -30,9 +30,6 @@ describe('Parkeren', () => {
     );
   }
 
-  function initializeState(snapshot: MutableSnapshot) {
-    snapshot.set(appStateAtom, testState);
-  }
   beforeAll(() => {
     window.scrollTo = vi.fn();
   });
@@ -80,7 +77,14 @@ describe('determinePageContentTop', () => {
 
   test('Renders button with parkeer vergunningen', () => {
     const PageContentTop = determinePageContentTop(true, EXTERNAL_PARKEREN_URL);
-    const screen = render(<PageContentTop />);
+    const screen = render(
+      <MockApp
+        routeEntry="/"
+        routePath="/"
+        component={PageContentTop}
+        initializeState={initializeState}
+      />
+    );
     expect(screen.queryByText(linkButtonTxt)).toBeInTheDocument();
   });
 
@@ -94,6 +98,10 @@ describe('determinePageContentTop', () => {
   });
 });
 
+function initializeState(snapshot: MutableSnapshot) {
+  snapshot.set(appStateAtom, testState);
+}
+
 const testState = {
   PARKEREN: {
     content: {

src/client/pages/Parkeren/Parkeren.tsx

@@ -8,6 +8,7 @@ import { VergunningFrontendV2 } from '../../../server/services/vergunningen-v2/c
 import { AppRoutes } from '../../../universal/config/routes';
 import { MaButtonLink } from '../../components/MaLink/MaLink';
 import { ThemaTitles } from '../../config/thema';
+import { useProfileTypeValue } from '../../hooks/useProfileType';
 import ThemaPagina from '../ThemaPagina/ThemaPagina';
 import ThemaPaginaTable from '../ThemaPagina/ThemaPaginaTable';
 
@@ -63,12 +64,20 @@ function determinePageContentTop(
   parkerenUrlSSO: string
 ) {
   if (hasMijnParkerenVergunningen) {
+    const profileType = useProfileTypeValue();
+
+    const profileTypeLabel =
+      profileType === 'commercial' ? 'bedrijven' : 'bewoners';
+
     return (
       <>
-        <Alert severity="info" heading="Parkeervergunning voor bewoners">
+        <Alert
+          severity="info"
+          heading={`Parkeervergunning voor ${profileTypeLabel}`}
+        >
           <Paragraph>
-            Het inzien, aanvragen of wijzigen van een parkeervergunning voor
-            bewoners kan via Mijn Parkeren.
+            Het inzien, aanvragen of wijzigen van een parkeervergunning voor{' '}
+            {profileTypeLabel} kan via Mijn Parkeren.
           </Paragraph>
           <Paragraph>
             <MaButtonLink href={parkerenUrlSSO}>