drew/barkman
1
0
Fork 0
mirror of https://github.com/BarkProductions/barkman.git synced 2026-06-13 06:11:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

redid button

Browse Source
This commit is contained in:
Drew Rautenberg
2025-01-16 21:17:49 -06:00
parent 967f34d0c9
commit d41f812fd3
4 changed files with 32 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
barkmanui/src/features/inventory/InventoryList.tsx
+22 -27
View File
@@ -1,8 +1,8 @@
import {useQuery} from "@tanstack/react-query";
import {Link} from "react-router";
import {InventoryItem} from "./types";
import Button from "../../common/components/Button.tsx";
import {BarkHeader} from "../../common/components/BarkHeader.tsx";
import { Table } from '@mantine/core';
import BarkButton from "../../common/components/BarkButton.tsx";
function InventoryList() {
@@ -28,38 +28,33 @@ function InventoryList() {
return (
<>
<BarkHeader></BarkHeader>
<div>
<h1 className={"text-brand"}>Inventory</h1>
</div>
<p>
ARFF ARFF BARK BARK
</p>
<Link to="/">
<Button>Home</Button>
</Link>
<BarkButton>Add Item</BarkButton>
<div>{isFetching ? 'Updating...' : ''}</div>
<table className="w-1/2">
<thead>
<tr className="text-left">
<th className="text-brand">ID</th>
<th className="text-brand">Brand</th>
<th className="text-brand">Item</th>
<th className="text-brand">Status</th>
</tr>
</thead>
<tbody>
<Table striped>
<Table.Thead>
<Table.Tr className="text-left">
<Table.Th color="red">ID</Table.Th>
<Table.Th className="text-brand">Brand</Table.Th>
<Table.Th className="text-brand">Item</Table.Th>
<Table.Th className="text-brand">Status</Table.Th>
</Table.Tr>
</Table.Thead>
<Table.Tbody>
{data.map((data) => (
<tr key={data.id}>
<td>{data.id}</td>
<td>{data.brand}</td>
<td>{data.name}</td>
<td>{data.status}</td>
</tr>
<Table.Tr key={data.id}>
<Table.Td>{data.id}</Table.Td>
<Table.Td>{data.brand}</Table.Td>
<Table.Td>{data.name}</Table.Td>
<Table.Td>{data.status}</Table.Td>
</Table.Tr>
))}
</tbody>
</table>
</Table.Tbody>
</Table>
</>
)
}