import { Suspense } from 'react';
import { HashRouter, Navigate, Route, RouteObject, Routes, useRoutes } from 'react-router-dom';
import Loading from '~/components/Loading';
import { Head } from '~/components/shared/Head';
import SideBar from '~/components/SideBar';
import styles from '../App.module.scss';
import APIDiscovery from './APIDiscovery';
import AboutPage from '../pages/AboutPage';
import BackendPage from '../pages/BackendPage';
import ConfigPage from '../pages/ConfigPage';
import ConnectionsPage from '../pages/ConnectionsPage';
import HomePage from '../pages/HomePage';
import LogsPage from '../pages/LogsPage';
import ProxiesPage from '../pages/ProxiesPage';
import RulesPage from '../pages/RulesPage';
import StyleGuidePage from '../pages/StyleGuidePage';
const routes = [
{ path: '/', element: },
{ path: '/home', element: },
{ path: '/connections', element: },
{ path: '/configs', element: },
{ path: '/logs', element: },
{ path: '/proxies', element: },
{ path: '/rules', element: },
{ path: '/about', element: },
import.meta.env.DEV ? { path: '/style', element: } : false,
].filter(Boolean) as RouteObject[];
function DashboardRouter() {
return (
<>
{useRoutes(routes)}
);
}
export function AppRouter() {
return (
}>
} />
} />
);
}