Add item detail view and link from inventory list

Introduces a new `ItemDetail` component to display detailed information for an inventory item. Updates the `InventoryList` to include a link directing users to the detail view for each item. Also adds the necessary route for the `ItemDetail` component in the app configuration.
This commit is contained in:
2025-01-17 12:20:24 -06:00
parent 1b89d08f4f
commit 39aa70a717
3 changed files with 27 additions and 1 deletions
+2
View File
@@ -4,6 +4,7 @@ import InventoryList from "./features/inventory/InventoryList.tsx";
import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
import {createTheme, MantineProvider} from '@mantine/core';
import '@mantine/core/styles.css';
import ItemDetail from "./features/inventory/ItemDetail.tsx";
// Create a client
const queryClient = new QueryClient()
@@ -34,6 +35,7 @@ function App() {
<Routes>
<Route index element={<Home />} />
<Route path="inventory" element={<InventoryList />} />
<Route path="itemDetail/:itemId" element={<ItemDetail />} />
</Routes>