From 730cbc6733b2b17b9493b2df26f1bf9adc09dca8 Mon Sep 17 00:00:00 2001
From: Drew Rautenberg <drew@drewrautenberg.com>
Date: Mon, 3 Feb 2025 10:29:50 -0600
Subject: [PATCH] added notifications and redirect to edit item page

---
 barkmanui/src/features/inventory/AddItem.tsx  |  3 ++-
 barkmanui/src/features/inventory/EditItem.tsx | 24 ++++++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/barkmanui/src/features/inventory/AddItem.tsx b/barkmanui/src/features/inventory/AddItem.tsx
index 581e430..33be18c 100644
--- a/barkmanui/src/features/inventory/AddItem.tsx
+++ b/barkmanui/src/features/inventory/AddItem.tsx
@@ -74,7 +74,8 @@ function AddItem() {
                           wrap="wrap">
 
                         <Title order={1}>Add Item</Title>
-
+                        <NumberInput  withAsterisk size="md" key={newItemForm.key('barcode')} label="Barcode"
+                                      placeholder="Barcode" {...newItemForm.getInputProps('barcode')}/>
                         <TextInput withAsterisk key={newItemForm.key('brand')} size="md" label="Brand"
                                    placeholder="Brand" {...newItemForm.getInputProps('brand')}/>
                         <TextInput withAsterisk key={newItemForm.key('name')} size="md" label="Name"
diff --git a/barkmanui/src/features/inventory/EditItem.tsx b/barkmanui/src/features/inventory/EditItem.tsx
index a3d9d67..18e9f9e 100644
--- a/barkmanui/src/features/inventory/EditItem.tsx
+++ b/barkmanui/src/features/inventory/EditItem.tsx
@@ -1,14 +1,17 @@
 import {Button, Group, TextInput, Textarea, NumberInput, Container, Title, Flex} from '@mantine/core';
 import {useForm} from '@mantine/form';
-import {useParams} from "react-router";
+import {useNavigate, useParams} from "react-router";
 import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
 import {InventoryItem} from "./types.ts";
 import {useEffect} from "react";
+import {notifications} from "@mantine/notifications";
+import {IconCheck, IconX} from "@tabler/icons-react";
 
 type EditableInventoryItem = Omit<InventoryItem, 'id'>;
 
 function EditItem() {
     const params = useParams();
+    const navigate = useNavigate();
 
     const editItemForm = useForm<EditableInventoryItem>({
         mode: 'uncontrolled',
@@ -54,7 +57,26 @@ function EditItem() {
                 }
             });
 
+            if (result.ok) {
+                notifications.show({
+                    icon: <IconCheck size={20} />,
+                    color:"teal",
+                    title: "All good!",
+                    message: "Item Updated",
+                    position: 'top-center',
+                });
+                navigate("/inventory");
+
+            }
+
             if (!result.ok) {
+                notifications.show({
+                    icon: <IconX size={20} />,
+                    color:"red",
+                    title: "Bummer!",
+                    message: "Something went wrong",
+                    position: 'top-center',
+                });
                 throw new Error('Failed to update inventory item');
             }