Zum Hauptinhalt springen

Anwendungswege

E-Cashpoint Web verwendet React Router v6 mit einem geschützten Routing-System. Hier ist die vollständige Karte.

Konfiguration​

Die Routen sind in „src/App.jsx“ definiert:

<Routes>
<Route path="/" element={<Navigate to="/login" replace />} />
<Route path="/login" element={<Login />} />
<Route path="/register" element={<Register />} />

<Route path="/checkout/success" element={<CheckoutSuccessPage />} />
<Route path="/checkout/cancel" element={<CheckoutCancelPage />} />

<Route element={<ProtectedRoute />}>
<Route path="/ecommerce-setup" element={<EcommerceSetup />} />
</Route>

<Route element={<ProtectedRoute />}>
<Route element={<SuperAdminRoute />}>
<Route path="/super-admin" element={<SuperAdminDashboard />} />
</Route>
</Route>

<Route element={<ProtectedRoute />}>
<Route path="/app" element={<AppShell />}>
<Route index element={<Dashboard />} />
<Route path="servicios" element={<Dashboard />} />
<Route path="restaurantes" element={<Dashboard />} />
<Route path="productos" element={<Dashboard />} />

<Route path="servicios/agenda" element={<AgendaPage />} />
<Route path="servicios/citas" element={<AppointmentsPage />} />
...
</Route>
</Route>

<Route path="*" element={<Navigate to="/app" replace />} />
</Routes>

Öffentliche Routen​

RutaComponenteDescripción
/NavigateRedirige a /login
/loginLoginPantalla de inicio de sesión
/registerRegisterRegistro de cliente
/checkout/successCheckoutSuccessPagePago exitoso
/checkout/cancelCheckoutCancelPagePago cancelado
/_dev/ecommerce-setupEcommerceSetupPreviewPreview dev (no protegido)
/_dev/referralsReferralsPreviewPreview dev

Geschützte Routen (Anmeldung erforderlich)​

RutaComponenteDescripción
/ecommerce-setupEcommerceSetupActivación de comercio
/super-adminSuperAdminDashboardPanel admin
/app/*(múltiples)Aplicación principal

Hauptanwendungspfade (/app/*)​

Armaturenbrett​

RutaComponente
/appDashboard (default)
/app/serviciosDashboard (perfil servicios)
/app/restaurantesDashboard (perfil restaurantes)
/app/productosDashboard (perfil productos)

Leistungen (Profil)​

RutaComponenteMódulo
/app/servicios/agendaAgendaPageAgenda
/app/servicios/citasAppointmentsPageCitas
/app/servicios/personalStaffPagePersonal
/app/servicios/serviciosServicesPageServicios (catálogo)
/app/servicios/promocionesServicesPromotionsPagePromociones

Restaurants (Profil)​

RutaComponenteMódulo
/app/restaurantes/menuRestaurantCatalogPageMenú
/app/restaurantes/promocionesRestaurantPromotionsPagePromociones

Geteilt​

RutaComponenteMódulo
/app/produkteHandelsPanelCatálogo de productos
/app/cuponesCuponesPanelCupones
/app/reporteReportsReportes
/app/demo-marketingDemoMarketingMarketing
/app/clientesCustomersClientes directos
/app/clientes-indirectosIndirectCustomersReferidos
/app/filialenFilialenSucursales
/app/empleadosEmployeesPageEmpleados
/app/posPOSPagePunto de venta
/app/rechnungenRechnungenFacturación del día
/app/historial-facturasInvoicesHistoryPageHistorial completo
/app/preview/merchant/:id?MerchantPreviewVista previa pública

Guards (Streckenschutz)​

<ProtectedRoute />​

Stellen Sie sicher, dass der Benutzer authentifiziert ist. Wenn nicht, leiten Sie zu „/login“ weiter.

<Route element={<ProtectedRoute />}>
<Route path="/ecommerce-setup" element={<EcommerceSetup />} />
</Route>

<SuperAdminRoute />​

Stellen Sie sicher, dass der Benutzer über die Superadministratorrolle verfügt. Wenn nicht, leiten Sie um.

<Route element={<ProtectedRoute />}>
<Route element={<SuperAdminRoute />}>
<Route path="/super-admin" element={<SuperAdminDashboard />} />
</Route>
</Route>

Nächste Schritte​