27 lines
938 B
TypeScript
27 lines
938 B
TypeScript
|
import { Routes, Route, Link } from 'react-router-dom';
|
||
|
|
import DatasetExplorer from './pages/DatasetExplorer';
|
||
|
|
import ArtifactViewer from './pages/ArtifactViewer';
|
||
|
|
import MissionUpload from './pages/MissionUpload';
|
||
|
|
|
||
|
|
function App() {
|
||
|
|
return (
|
||
|
|
<div style={{ fontFamily: 'system-ui, sans-serif', maxWidth: 1200, margin: '0 auto', padding: 20 }}>
|
||
|
|
<header style={{ borderBottom: '2px solid #333', paddingBottom: 20, marginBottom: 20 }}>
|
||
|
|
<h1>LandveX Intelligence Lab</h1>
|
||
|
|
<nav style={{ display: 'flex', gap: 20, marginTop: 10 }}>
|
||
|
|
<Link to="/">Dataset Explorer</Link>
|
||
|
|
<Link to="/upload">Mission Upload</Link>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<Routes>
|
||
|
|
<Route path="/" element={<DatasetExplorer />} />
|
||
|
|
<Route path="/upload" element={<MissionUpload />} />
|
||
|
|
<Route path="/artifact/:id" element={<ArtifactViewer />} />
|
||
|
|
</Routes>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default App;
|