update AppRoutes type

src/Routers/AppRouter.tsx

@@ -19,6 +19,7 @@ import PatientRoutes from "@/Routers/routes/PatientRoutes";
 import ResourceRoutes from "@/Routers/routes/ResourceRoutes";
 import ScheduleRoutes from "@/Routers/routes/ScheduleRoutes";
 import UserRoutes from "@/Routers/routes/UserRoutes";
+import { AppRoutes } from "@/Routers/types";
 import { PermissionProvider } from "@/context/PermissionContext";
 import { PlugConfigEdit } from "@/pages/Apps/PlugConfigEdit";
 import { PlugConfigList } from "@/pages/Apps/PlugConfigList";
@@ -30,21 +31,6 @@ import QuestionnaireRoutes from "./routes/questionnaireRoutes";
 // List of paths where the sidebar should be hidden
 const PATHS_WITHOUT_SIDEBAR = ["/", "/session-expired"];
 
-export type RouteParams<T extends string> =
-  T extends `${string}:${infer Param}/${infer Rest}`
-    ? { [K in Param | keyof RouteParams<Rest>]: string }
-    : T extends `${string}:${infer Param}`
-      ? { [K in Param]: string }
-      : Record<string, never>;
-
-export type RouteFunction<T extends string> = (
-  params: RouteParams<T>,
-) => JSX.Element;
-
-export type AppRoutes = {
-  [K in string]: RouteFunction<K>;
-};
-
 const Routes: AppRoutes = {
   "/": () => <UserDashboard />,
   // ...AssetRoutes,

src/Routers/routes/ConsultationRoutes.tsx

@@ -3,7 +3,7 @@ import EncounterQuestionnaire from "@/components/Patient/EncounterQuestionnaire"
 import FileUploadPage from "@/components/Patient/FileUploadPage";
 import PatientConsentRecords from "@/components/Patient/PatientConsentRecords";
 
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 import { EncounterShow } from "@/pages/Encounters/EncounterShow";
 import { PrintPrescription } from "@/pages/Encounters/PrintPrescription";
 

src/Routers/routes/FacilityRoutes.tsx

@@ -5,7 +5,7 @@ import { FacilityHome } from "@/components/Facility/FacilityHome";
 import FacilityUsers from "@/components/Facility/FacilityUsers";
 import ResourceCreate from "@/components/Resource/ResourceCreate";
 
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 import FacilityOrganizationIndex from "@/pages/FacilityOrganization/FacilityOrganizationIndex";
 import FacilityOrganizationUsers from "@/pages/FacilityOrganization/FacilityOrganizationUsers";
 import FacilityOrganizationView from "@/pages/FacilityOrganization/FacilityOrganizationView";

src/Routers/routes/OrganizationRoutes.tsx

@@ -1,4 +1,4 @@
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 import OrganizationFacilities from "@/pages/Organization/OrganizationFacilities";
 import OrganizationIndex from "@/pages/Organization/OrganizationIndex";
 import OrganizationPatients from "@/pages/Organization/OrganizationPatients";

src/Routers/routes/PatientRoutes.tsx

@@ -4,7 +4,7 @@ import { PatientHome } from "@/components/Patient/PatientHome";
 import PatientIndex from "@/components/Patient/PatientIndex";
 import PatientRegistration from "@/components/Patient/PatientRegistration";
 
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 import { EncounterList } from "@/pages/Encounters/EncounterList";
 import VerifyPatient from "@/pages/Patients/VerifyPatient";
 

src/Routers/routes/ResourceRoutes.tsx

@@ -5,7 +5,7 @@ import ResourceDetails from "@/components/Resource/ResourceDetails";
 import { ResourceDetailsUpdate } from "@/components/Resource/ResourceDetailsUpdate";
 import ListView from "@/components/Resource/ResourceList";
 
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 
 const getDefaultView = () =>
   localStorage.getItem("defaultResourceView") === "list" ? "list" : "board";

src/Routers/routes/ScheduleRoutes.tsx

@@ -1,4 +1,4 @@
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 import AppointmentDetail from "@/pages/Appointments/AppointmentDetail";
 import AppointmentsPage from "@/pages/Appointments/AppointmentsPage";
 import BookAppointment from "@/pages/Appointments/BookAppointment";

src/Routers/routes/UserRoutes.tsx

@@ -1,6 +1,6 @@
 import UserHome from "@/components/Users/UserHome";
 
-import { AppRoutes } from "@/Routers/AppRouter";
+import { AppRoutes } from "@/Routers/types";
 
 const UserRoutes: AppRoutes = {
   "/facility/:facilityId/users/:username": ({ facilityId, username }) => (

src/Routers/routes/questionnaireRoutes.tsx

@@ -2,7 +2,7 @@ import { QuestionnaireList } from "@/components/Questionnaire";
 import QuestionnaireEditor from "@/components/Questionnaire/QuestionnaireEditor";
 import { QuestionnaireShow } from "@/components/Questionnaire/show";
 
-import { AppRoutes } from "../AppRouter";
+import { AppRoutes } from "@/Routers/types";
 
 const QuestionnaireRoutes: AppRoutes = {
   "/questionnaire": () => <QuestionnaireList />,

src/Routers/types.ts

@@ -1,5 +1,17 @@
-export type RouteParams<T extends string> = Record<T, string>;
+// Helper type to extract path parameters from a route string
+type ExtractRouteParams<T extends string> = string extends T
+  ? Record<string, string>
+  : T extends `${string}:${infer Param}/${infer Rest}`
+    ? { [K in Param | keyof ExtractRouteParams<Rest>]: string }
+    : T extends `${string}:${infer Param}`
+      ? { [K in Param]: string }
+      : Record<string, never>;
 
-export interface DetailRoute {
-  id: string;
-}
+// RouteFunction type that works with Raviger
+export type RouteFunction<T extends string> = (
+  params: ExtractRouteParams<T>,
+) => JSX.Element;
+
+export type AppRoutes = {
+  [Route in string]: RouteFunction<Route>;
+};

src/components/Facility/FacilityUsers.tsx

@@ -15,7 +15,7 @@ import useFilters from "@/hooks/useFilters";
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
 
-export default function FacilityUsers(props: { facilityId: number }) {
+export default function FacilityUsers(props: { facilityId: string }) {
   const { t } = useTranslation();
   const { qParams, updateQuery, Pagination } = useFilters({
     limit: 18,

src/components/Resource/ResourceCreate.tsx

@@ -33,7 +33,7 @@ import { parsePhoneNumber } from "@/Utils/utils";
 import { CreateResourceRequest } from "@/types/resourceRequest/resourceRequest";
 
 interface resourceProps {
-  facilityId: number;
+  facilityId: string;
 }
 
 const initForm: Partial<CreateResourceRequest> = {

src/pluginTypes.ts

@@ -1,16 +1,15 @@
 import { LazyExoticComponent } from "react";
 
 import { FacilityModel } from "@/components/Facility/models";
+import { FormContextValue } from "@/components/Form/FormContext";
+import { PatientMeta } from "@/components/Patient/models";
+import { QuestionnaireFormState } from "@/components/Questionnaire/QuestionnaireForm";
 import { UserAssignedModel } from "@/components/Users/models";
 
+import { AppRoutes } from "@/Routers/types";
 import { EncounterTabProps } from "@/pages/Encounters/EncounterShow";
-
-import { AppRoutes } from "./Routers/AppRouter";
-import { FormContextValue } from "./components/Form/FormContext";
-import { PatientMeta } from "./components/Patient/models";
-import { QuestionnaireFormState } from "./components/Questionnaire/QuestionnaireForm";
-import { pluginMap } from "./pluginMap";
-import { PatientModel } from "./types/emr/patient";
+import { pluginMap } from "@/pluginMap";
+import { PatientModel } from "@/types/emr/patient";
 
 export type PatientForm = PatientModel &
   PatientMeta & { age?: number; is_postpartum?: boolean };