Merge pull request #600 from open-formulieren/issue/593-routers

Refactor routes for `ManageAppointment`

src/components/App.js

@@ -8,8 +8,11 @@ import AppDebug from 'components/AppDebug';
 import {Cosign} from 'components/CoSign';
 import Form from 'components/Form';
 import LanguageSelection from 'components/LanguageSelection';
-import {CreateAppointment, appointmentRoutes} from 'components/appointments';
-import ManageAppointment from 'components/appointments/ManageAppointment';
+import {
+  CreateAppointment,
+  appointmentRoutes,
+  manageAppointmentRoutes,
+} from 'components/appointments';
 import useFormContext from 'hooks/useFormContext';
 import useQuery from 'hooks/useQuery';
 import useZodErrorMap from 'hooks/useZodErrorMap';
@@ -21,7 +24,7 @@ import AppDisplay from './AppDisplay';
 export const routes = [
   {
     path: 'afspraak-annuleren/*',
-    element: <ManageAppointment />,
+    children: manageAppointmentRoutes,
   },
   {
     path: 'afspraak-maken/*',

src/components/appointments/ManageAppointment/index.js

@@ -0,0 +1 @@
+export {routes} from './routes';

src/components/appointments/ManageAppointment/routes.js

@@ -0,0 +1,18 @@
+import ErrorBoundary from 'components/Errors/ErrorBoundary';
+
+import {CancelAppointment, CancelAppointmentSuccess} from '../cancel';
+
+export const routes = [
+  {
+    path: '',
+    element: (
+      <ErrorBoundary>
+        <CancelAppointment />
+      </ErrorBoundary>
+    ),
+  },
+  {
+    path: 'succes',
+    element: <CancelAppointmentSuccess />,
+  },
+];

src/components/appointments/index.js

@@ -1 +1,2 @@
 export {default as CreateAppointment, routes as appointmentRoutes} from './CreateAppointment';
+export {routes as manageAppointmentRoutes} from './ManageAppointment';