x-server-mobile/frontend/src/router/index.tsx

import { createBrowserRouter, Navigate } from 'react-router-dom'
import MobileLayout from '@/components/layout/MobileLayout'
import Dashboard from '@/pages/dashboard'
import Apps from '@/pages/apps'
import BusinessTripList from '@/pages/business-trip/list'
import BusinessTripApply from '@/pages/business-trip/apply'
import BusinessTripDetail from '@/pages/business-trip/detail'
import SelectApprover from '@/pages/business-trip/select-approver'
import SelectCc from '@/pages/business-trip/select-cc'
import Profile from '@/pages/profile'
import Login from '@/pages/login'

const router = createBrowserRouter([
  {
    path: '/',
    element: <MobileLayout />,
    children: [
      { index: true, element: <Navigate to='/dashboard' replace /> },
      { path: 'dashboard', element: <Dashboard /> },
      { path: 'apps', element: <Apps /> },
      { path: 'business-trip', element: <BusinessTripList /> },
      { path: 'business-trip/apply', element: <BusinessTripApply /> },
      { path: 'business-trip/apply/select-approver', element: <SelectApprover /> },
      { path: 'business-trip/apply/select-cc', element: <SelectCc /> },
      { path: 'business-trip/:id', element: <BusinessTripDetail /> },
      { path: 'profile', element: <Profile /> },
    ],
  },
  { path: '/login', element: <Login /> },
  { path: '*', element: <Navigate to='/dashboard' replace /> },
])

export default router