detail customer

src/router/Main.tsx

@@ -10,6 +10,7 @@ import { Pages } from '@/config/Pages'
 import CreateFood from '@/pages/food/Create'
 import CategoryFood from '@/pages/food/Category'
 import CustomersList from '@/pages/customers/List'
+import CustomerDetails from '@/pages/customers/Details'
 
 const MainRouter: FC = () => {
 
@@ -32,6 +33,7 @@ const MainRouter: FC = () => {
                             <Route path={Pages.foods.add} element={<CreateFood />} />
                             <Route path={Pages.foods.category} element={<CategoryFood />} />
                             <Route path={Pages.customers.list} element={<CustomersList />} />
+                            <Route path={Pages.customers.detail + ':id'} element={<CustomerDetails />} />
                         </Routes>
                     </div>
                 </div>