Merge pull request #173 from Handiwork/dev

Author: guansss

src/main.tsx

@@ -10,6 +10,8 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { Route, Routes } from 'react-router-dom'
 
+import { ViewPage } from 'pages/view'
+
 import { App } from './App'
 import { AppLayout } from './layouts/AppLayout'
 import { NotFoundPage } from './pages/404'
@@ -52,6 +54,7 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
           <Route path="/" element={<IndexPage />} />
           <Route path="/create/:id" element={<CreatePage />} />
           <Route path="/create" element={<CreatePage />} />
+          <Route path="/operation/:id" element={<ViewPage />} />
           <Route path="/account/activation" element={<AccountActivatePage />} />
           <Route path="*" element={<NotFoundPage />} />
         </Routes>

src/pages/view.tsx

@@ -0,0 +1,9 @@
+import { useParams } from 'react-router-dom'
+
+import { OperationViewer } from 'components/viewer/OperationViewer'
+
+export const ViewPage = () => {
+  const { id } = useParams()
+  if (!id) throw 'empty'
+  return <OperationViewer operationId={id} onCloseDrawer={() => {}} />
+}