service

src/router/Main.tsx

@@ -20,6 +20,7 @@ import Profile from '../pages/profile/Profile'
 import OtherServices from '../pages/service/OtherServices'
 import Footer from '../shared/Footer'
 import AnnouncementDetail from '../pages/annoncement/Detail'
+import DetailService from '../pages/service/DetailService'
 
 const MainRouter: FC = () => {
     return (
@@ -33,6 +34,7 @@ const MainRouter: FC = () => {
                             <Route path={Pages.dashboard} element={<Home />} />
                             <Route path={Pages.services.mine} element={<MyServices />} />
                             <Route path={Pages.services.other} element={<OtherServices />} />
+                            <Route path={Pages.services.detail + ':id'} element={<DetailService />} />
                             <Route path={Pages.ticket.list} element={<TicketList />} />
                             <Route path={Pages.ticket.create} element={<CreateTicket />} />
                             <Route path={Pages.ticket.detail + ':id'} element={<TicketDetail />} />