2024-10-28 11:34:41 -05:00
|
|
|
// App.tsx or App.jsx
|
2024-09-23 07:59:50 -05:00
|
|
|
import React from 'react';
|
2024-10-28 11:34:41 -05:00
|
|
|
import { Route, BrowserRouter as Router, Routes } from 'react-router-dom';
|
2024-12-13 09:48:09 -06:00
|
|
|
import Sidebar from './components/Sidebar';
|
2024-10-07 08:38:03 -05:00
|
|
|
import DocumentProcessor from './DocumentProcessor';
|
2024-10-28 11:34:41 -05:00
|
|
|
import ExperimentalOCR from './ExperimentalOCR'; // New component
|
2024-12-13 09:48:09 -06:00
|
|
|
import History from './History';
|
2024-09-23 07:59:50 -05:00
|
|
|
|
|
|
|
const App: React.FC = () => {
|
2024-10-28 11:34:41 -05:00
|
|
|
return (
|
|
|
|
<Router>
|
2024-12-13 09:48:09 -06:00
|
|
|
<div style={{ display: "flex", height: "100vh" }}>
|
|
|
|
<Sidebar onSelectPage={(page) => console.log(page)} />
|
|
|
|
<div style={{ flex: 1, overflowY: "auto" }}>
|
|
|
|
<Routes>
|
|
|
|
<Route path="/" element={<DocumentProcessor />} />
|
|
|
|
<Route path="/experimental-ocr" element={<ExperimentalOCR />} />
|
|
|
|
<Route path="/history" element={<History />} />
|
|
|
|
</Routes>
|
|
|
|
</div>
|
|
|
|
</div>
|
2024-10-28 11:34:41 -05:00
|
|
|
</Router>
|
|
|
|
);
|
2024-09-23 07:59:50 -05:00
|
|
|
};
|
|
|
|
|
|
|
|
export default App;
|