Files
Security_AI_integrated/frontend/src/AppWrapper.tsx
2026-01-20 17:45:02 +08:00

33 lines
915 B
TypeScript

import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import App from './App';
import Dashboard from './pages/Dashboard';
import CameraManagement from './pages/CameraManagement';
import ROIEditor from './pages/ROIEditor';
import AlertCenter from './pages/AlertCenter';
const Settings: React.FC = () => (
<div>
<h2></h2>
<p>...</p>
</div>
);
const AppWrapper: React.FC = () => {
return (
<BrowserRouter>
<App>
<Routes>
<Route path="/" element={<Dashboard />} />
<Route path="/cameras" element={<CameraManagement />} />
<Route path="/rois" element={<ROIEditor />} />
<Route path="/alerts" element={<AlertCenter />} />
<Route path="/settings" element={<Settings />} />
</Routes>
</App>
</BrowserRouter>
);
};
export default AppWrapper;