Merged PR 40306: Create parking module

Create parking module

Related work items: #138230

Author: frankfe-amsterdam

src/components/ui/media/svgIcons.ts

@@ -174,6 +174,10 @@ export const SvgIconsConfig = {
   'organic-waste-container': {
     path: 'M23.2 4.8C22.9 2.1 19.6 0 15.7 0S8.5 2.2 8.1 4.8H7V30H3.9v2h24v-2h-3.2V4.8h-1.5zM12.3 2.4h6.9v6.9h-6.9V2.4zM22.7 29H9V12.6h13.7V29z',
   },
+  parking: {
+    path: 'M4.5 2.5C3.39543 2.5 2.5 3.39543 2.5 4.5V19.5C2.5 20.6046 3.39543 21.5 4.5 21.5H19.5C20.6046 21.5 21.5 20.6046 21.5 19.5V4.5C21.5 3.39543 20.6046 2.5 19.5 2.5H4.5ZM8 6V18H10.4278V13.9385H12.9905C15.3447 13.9385 17 12.2954 17 9.96923C17 7.64308 15.3447 6 12.9905 6H8ZM12.7881 11.9631H10.4278V7.97538H12.7881C13.8549 7.97538 14.5538 8.76923 14.5538 9.96923C14.5538 11.1877 13.8549 11.9631 12.7881 11.9631Z',
+    viewBox: '0 0 24 24',
+  },
   person: {
     path: 'M31 32H1v-2.5c0-7.5 4.2-10 10-10h10c5.8 0 10 2.5 10 10V32ZM16 17a7.6 7.6 0 0 0 7.5-7.5 7.5 7.5 0 0 0-15 0A7.6 7.6 0 0 0 16 17Z',
   },

src/modules/modules.ts

@@ -9,6 +9,7 @@ import {contactModule} from '@/modules/contact'
 import {homeModule} from '@/modules/home'
 import {notificationHistoryModule} from '@/modules/notification-history'
 import {onboardingModule} from '@/modules/onboarding'
+import {parkingModule} from '@/modules/parking'
 import {redirectsModule} from '@/modules/redirects'
 import {reportProblemModule} from '@/modules/report-problem'
 import {userModule} from '@/modules/user'
@@ -36,9 +37,10 @@ export const clientModules = [
   constructionWorkEditorModule,
   constructionWorkModule,
   contactModule,
-  wasteContainerModule,
+  notificationHistoryModule,
+  parkingModule,
   redirectsModule,
   reportProblemModule,
+  wasteContainerModule,
   wasteGuideModule,
-  notificationHistoryModule,
 ]

src/modules/parking/Stack.tsx

@@ -0,0 +1,20 @@
+import {createStackNavigator} from '@/app/navigation/createStackNavigator'
+import {RootStackParams} from '@/app/navigation/types'
+import {useScreenOptions} from '@/app/navigation/useScreenOptions'
+import {ParkingRouteName} from '@/modules/parking/routes'
+import {ParkingScreen} from '@/modules/parking/screens/Parking.screen'
+
+const Stack = createStackNavigator<RootStackParams>()
+
+export const ParkingStack = () => {
+  const screenOptions = useScreenOptions()
+
+  return (
+    <Stack.Navigator screenOptions={screenOptions}>
+      <Stack.Screen
+        component={ParkingScreen}
+        name={ParkingRouteName.parking}
+      />
+    </Stack.Navigator>
+  )
+}

src/modules/parking/index.ts

@@ -0,0 +1,7 @@
+import {ModuleSlug} from '@/modules/slugs'
+import {type ModuleClientConfig} from '@/modules/types'
+
+export const parkingModule: ModuleClientConfig = {
+  name: 'ParkingModule',
+  slug: ModuleSlug.parking,
+}

src/modules/parking/routes.ts

@@ -0,0 +1,7 @@
+export enum ParkingRouteName {
+  parking = 'Parking',
+}
+
+export type ParkingStackParams = {
+  [ParkingRouteName.parking]: undefined
+}

src/modules/parking/screens/Parking.screen.tsx

@@ -0,0 +1,3 @@
+import {Title} from '@/components/ui/text/Title'
+
+export const ParkingScreen = () => <Title text="Parking" />

src/modules/slugs.ts

@@ -10,6 +10,7 @@ export enum ModuleSlug {
   home = 'home',
   'notification-history' = 'notification-history',
   onboarding = 'onboarding',
+  parking = 'parking',
   redirects = 'redirects',
   'report-problem' = 'report-problem',
   user = 'user',

src/modules/stacks.ts

@@ -54,6 +54,8 @@ import {
   OnboardingRouteName,
   OnboardingStackParams,
 } from '@/modules/onboarding/routes'
+import {ParkingStack} from '@/modules/parking/Stack'
+import {ParkingRouteName, ParkingStackParams} from '@/modules/parking/routes'
 import {RedirectsStack} from '@/modules/redirects/Stack'
 import {
   RedirectsRouteName,
@@ -100,6 +102,7 @@ export type ModuleRoutes =
   | ContactRouteName
   | HomeRouteName
   | OnboardingRouteName
+  | ParkingRouteName
   | WasteContainerRouteName
   | RedirectsRouteName
   | ReportProblemRouteName
@@ -115,6 +118,7 @@ export type ModuleStackParams = AboutStackParams &
   ContactStackParams &
   HomeStackParams &
   OnboardingStackParams &
+  ParkingStackParams &
   WasteContainerStackParams &
   RedirectsStackParams &
   ReportProblemStackParams &
@@ -133,6 +137,7 @@ const stacks: Record<ModuleSlug, ComponentType<unknown>> = {
   [ModuleSlug.home]: HomeStack,
   [ModuleSlug['notification-history']]: NotificationHistoryStack,
   [ModuleSlug.onboarding]: OnboardingStack,
+  [ModuleSlug.parking]: ParkingStack,
   [ModuleSlug['waste-container']]: WasteContainerStack,
   [ModuleSlug['report-problem']]: ReportProblemStack,
   [ModuleSlug.user]: UserStack,