From 6bca88fe2b56e8580e549a8a40bf5958ae044e03 Mon Sep 17 00:00:00 2001
From: beatz174-bit <beatz174@gmail.com>
Date: Fri, 21 Nov 2025 18:50:20 +1000
Subject: [PATCH] Add clear control to product name field

---
 src/screens/ManageProductsScreen.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/screens/ManageProductsScreen.tsx b/src/screens/ManageProductsScreen.tsx
index b67a954..0e1973e 100644
--- a/src/screens/ManageProductsScreen.tsx
+++ b/src/screens/ManageProductsScreen.tsx
@@ -150,7 +150,22 @@ export const ManageProductsScreen = () => {
         />
         <Stack spacing={1}>
           <Typography variant="subtitle1">Add Product</Typography>
-          <TextField label="Name" value={name} onChange={(event) => setName(event.target.value)} />
+          <TextField
+            label="Name"
+            value={name}
+            onChange={(event) => setName(event.target.value)}
+            InputProps={
+              name
+                ? {
+                    endAdornment: (
+                      <Button onClick={() => setName('')} size="small">
+                        Clear
+                      </Button>
+                    ),
+                  }
+                : undefined
+            }
+          />
           <TextField
             select
             label="Category"