From 019652ca67015badaa9d8dfacc8e288b2b8efb15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Sun, 7 Apr 2024 18:42:21 +0800
Subject: [PATCH] enhance(ui):

---
 license_ui/src/components/ProductList.module.css | 3 +++
 license_ui/src/components/ProductList.tsx        | 8 +++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/license_ui/src/components/ProductList.module.css b/license_ui/src/components/ProductList.module.css
index a6e9e0c..cc0ae86 100644
--- a/license_ui/src/components/ProductList.module.css
+++ b/license_ui/src/components/ProductList.module.css
@@ -14,3 +14,6 @@
   overflow-y: auto;
   min-height: 0;
 }
+.product-item {
+  cursor: pointer;
+}
diff --git a/license_ui/src/components/ProductList.tsx b/license_ui/src/components/ProductList.tsx
index a66cb4f..5799410 100644
--- a/license_ui/src/components/ProductList.tsx
+++ b/license_ui/src/components/ProductList.tsx
@@ -91,7 +91,13 @@ function ProductItem(props: ProductItemProps) {
   }, [props.id, selected, append, remove]);
 
   return (
-    <Box px="sm" py="xs" bg={selected ? "green" : "gray"} onClick={handleSelectAction}>
+    <Box
+      px="sm"
+      py="xs"
+      bg={selected ? "green" : "gray"}
+      className={classes["product-item"]}
+      onClick={handleSelectAction}
+    >
       <Text size="xs" c={selected ? "white" : "gray"}>
         {props.name}
       </Text>