invoice detail

src/router/MainRouter.tsx

@@ -16,6 +16,7 @@ import AnnouncementDetail from '@/pages/annoncement/Detail'
 import AddCriticisms from '@/pages/criticisms/Add'
 import LearningList from '@/pages/learning/List'
 import LearningDetail from '@/pages/learning/Detail'
+import InvoiceDetail from '@/pages/invoice/Detail'
 
 const MainRouter: FC = () => {
     return (
@@ -41,6 +42,7 @@ const MainRouter: FC = () => {
                             <Route path={Paths.criticisms} element={<AddCriticisms />} />
                             <Route path={Paths.learning.list} element={<LearningList />} />
                             <Route path={`${Paths.learning.detail}:id`} element={<LearningDetail />} />
+                            <Route path={`${Paths.proformaInvoice}/:id`} element={<InvoiceDetail />} />
                         </Routes>
                     </div>
                 </div>