From ee4baa3d5039f18efd4168822b44aabe8dc70b56 Mon Sep 17 00:00:00 2001
From: Drew Rautenberg <drew@drewrautenberg.com>
Date: Mon, 3 Feb 2025 10:18:43 -0600
Subject: [PATCH] ui updates

---
 barkmanui/.env                                     | 4 ++--
 barkmanui/src/features/inventory/EditItem.tsx      | 6 ++++--
 barkmanui/src/features/inventory/InventoryList.tsx | 4 ++--
 barkmanui/src/features/inventory/ItemDetail.tsx    | 2 +-
 barkmanui/src/features/inventory/types.ts          | 1 +
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/barkmanui/.env b/barkmanui/.env
index 1104091..889752b 100644
--- a/barkmanui/.env
+++ b/barkmanui/.env
@@ -1,4 +1,4 @@
 #Staging API
-VITE_API_URL=https://barkdev.ts.drewr.io
+#VITE_API_URL=https://barkdev.ts.drewr.io
 #Local Dev API
-#VITE_API_URL=http://localhost:5145
\ No newline at end of file
+VITE_API_URL=http://localhost:5145
\ No newline at end of file
diff --git a/barkmanui/src/features/inventory/EditItem.tsx b/barkmanui/src/features/inventory/EditItem.tsx
index 5c34c6e..a3d9d67 100644
--- a/barkmanui/src/features/inventory/EditItem.tsx
+++ b/barkmanui/src/features/inventory/EditItem.tsx
@@ -1,4 +1,4 @@
-import {Button, Group, TextInput, Text, Textarea, NumberInput, Container, Title, Flex} from '@mantine/core';
+import {Button, Group, TextInput, Textarea, NumberInput, Container, Title, Flex} from '@mantine/core';
 import {useForm} from '@mantine/form';
 import {useParams} from "react-router";
 import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
@@ -13,6 +13,7 @@ function EditItem() {
     const editItemForm = useForm<EditableInventoryItem>({
         mode: 'uncontrolled',
         initialValues: {
+            barcode: 0,
             name: "",
             brand: "",
             statusId: "",
@@ -90,7 +91,8 @@ function EditItem() {
 
                     <div>{isFetching ? 'Updating...' : ''}</div>
                     <Title order={1}>Edit Item</Title>
-                    <Text>ID: {data.id}</Text>
+                    <NumberInput  withAsterisk size="md" key={editItemForm.key('barcode')} label="Barcode"
+                                 placeholder="Barcode" {...editItemForm.getInputProps('barcode')}/>
                     <TextInput withAsterisk key={editItemForm.key('brand')} size="md" label="Brand"
                                placeholder="Brand" {...editItemForm.getInputProps('brand')}/>
                     <TextInput withAsterisk key={editItemForm.key('name')} size="md" label="Name"
diff --git a/barkmanui/src/features/inventory/InventoryList.tsx b/barkmanui/src/features/inventory/InventoryList.tsx
index e30b111..42e1512 100644
--- a/barkmanui/src/features/inventory/InventoryList.tsx
+++ b/barkmanui/src/features/inventory/InventoryList.tsx
@@ -46,7 +46,7 @@ function InventoryList() {
             <Table striped>
             <Table.Thead>
                 <Table.Tr>
-                    <Table.Th c="red">ID</Table.Th>
+                    <Table.Th c="red">Barcode</Table.Th>
                     <Table.Th c="red">Brand</Table.Th>
                     <Table.Th c="red">Item</Table.Th>
                     <Table.Th c="red">Status</Table.Th>
@@ -56,7 +56,7 @@ function InventoryList() {
                 <Table.Tbody>
                 {data.map((data) => (
                     <Table.Tr key={data.id}>
-                        <Table.Td>{data.id}</Table.Td>
+                        <Table.Td>{data.barcode}</Table.Td>
                         <Table.Td>{data.brand}</Table.Td>
                         <Table.Td>{data.name}</Table.Td>
                         <Table.Td>{data.statusId}</Table.Td>
diff --git a/barkmanui/src/features/inventory/ItemDetail.tsx b/barkmanui/src/features/inventory/ItemDetail.tsx
index 2d17c0b..eb0d5f5 100644
--- a/barkmanui/src/features/inventory/ItemDetail.tsx
+++ b/barkmanui/src/features/inventory/ItemDetail.tsx
@@ -29,7 +29,7 @@ function ItemDetail() {
             <Container m="lg">
                 <Title order={1}>Item Detail</Title>
                 <div>{isFetching ? 'Updating...' : ''}</div>
-                <Text>ID: {data.id}</Text>
+                <Text>Barcode: {data.barcode}</Text>
                 <Text>Brand: {data.brand}</Text>
                 <Text>Name: {data.name}</Text>
                 <Text>Status: {data.status.name}</Text>
diff --git a/barkmanui/src/features/inventory/types.ts b/barkmanui/src/features/inventory/types.ts
index 21d4246..e3a75a5 100644
--- a/barkmanui/src/features/inventory/types.ts
+++ b/barkmanui/src/features/inventory/types.ts
@@ -1,5 +1,6 @@
 export interface InventoryItem {
     id: number,
+    barcode: number,
     brand: string,
     name: string,
     status: {id: string; name: string},