Use new routing conventions for event routes (#903)

src/events/routes.ts

@@ -0,0 +1,6 @@
+import type { RouteDef } from "../route-config";
+import { EventsRoute } from "./routes/Events";
+
+const routes: RouteDef[] = [EventsRoute];
+
+export default routes;

src/events/routes/Events.ts

@@ -0,0 +1,22 @@
+import type { LocationDescriptorObject } from "history";
+import { generatePath } from "react-router-dom";
+import type { RouteDef } from "../../route-config";
+import { EventsSection } from "../EventsSection";
+
+export type EventsTab = "userEvents" | "adminEvents";
+
+export type EventsParams = {
+  realm: string;
+  tab?: EventsTab;
+};
+
+export const EventsRoute: RouteDef = {
+  path: "/:realm/events/:tab?",
+  component: EventsSection,
+  breadcrumb: (t) => t("events:title"),
+  access: "view-events",
+};
+
+export const toEvents = (params: EventsParams): LocationDescriptorObject => ({
+  pathname: generatePath(EventsRoute.path, params),
+});

src/route-config.ts

@@ -6,7 +6,7 @@ import authenticationRoutes from "./authentication/routes";
 import clientScopesRoutes from "./client-scopes/routes";
 import clientRoutes from "./clients/routes";
 import { DashboardSection } from "./dashboard/Dashboard";
-import { EventsSection } from "./events/EventsSection";
+import eventRoutes from "./events/routes";
 import { GroupsSection } from "./groups/GroupsSection";
 import { SearchGroups } from "./groups/SearchGroups";
 import {
@@ -48,16 +48,11 @@ export const routes: RouteDef[] = [
   ...authenticationRoutes,
   ...clientRoutes,
   ...clientScopesRoutes,
+  ...eventRoutes,
   ...realmRoleRoutes,
   ...realmRoutes,
   ...sessionRoutes,
   ...userRoutes,
-  {
-    path: "/:realm/events/:tab?",
-    component: EventsSection,
-    breadcrumb: (t) => t("events:title"),
-    access: "view-events",
-  },
   {
     path: "/:realm/realm-settings/:tab?",
     component: RealmSettingsSection,