Add options

components/modals/product-modal.tsx

@@ -231,7 +231,7 @@ const ProductBasicInfo: React.FC<{
 
     <div className="bg-background rounded-lg border border-border p-4">
       <h3 className="text-sm font-medium mb-4">Product Status</h3>
-      
+
       <div className="flex items-center space-x-2">
         <Switch
           id="enabled"
@@ -251,7 +251,7 @@ const ProductBasicInfo: React.FC<{
 
     <div className="bg-background rounded-lg border border-border p-4">
       <h3 className="text-sm font-medium mb-4">Stock Management</h3>
-      
+
       <div className="flex items-center space-x-2 mb-4">
         <input
           id="stockTracking"
@@ -270,7 +270,7 @@ const ProductBasicInfo: React.FC<{
           Enable Stock Tracking
         </label>
       </div>
-      
+
       {productData.stockTracking !== false && (
         <div className="grid grid-cols-2 gap-4">
           <div>
@@ -306,7 +306,7 @@ const ProductBasicInfo: React.FC<{
         </div>
       )}
     </div>
-    
+
     <div className="grid grid-cols-2 gap-4">
       <div>
         <label className="text-sm font-medium">Category</label>
@@ -411,7 +411,7 @@ const UnitTypeSelect: React.FC<{
           if (val === "placeholder") return;
           setProductData((prev) => ({
             ...prev,
-            unitType: val as 'pcs' | 'gr' | 'kg' | 'ml',
+            unitType: val as 'pcs' | 'gr' | 'kg' | 'ml' | 'oz' | 'lb',
           }));
         }}
       >
@@ -426,6 +426,8 @@ const UnitTypeSelect: React.FC<{
           <SelectItem value="gr">Grams (gr)</SelectItem>
           <SelectItem value="kg">Kilograms (kg)</SelectItem>
           <SelectItem value="ml">Milliliters (ml)</SelectItem>
+          <SelectItem value="oz">Ounces (oz)</SelectItem>
+          <SelectItem value="lb">Pounds (lb)</SelectItem>
         </SelectContent>
       </Select>
       <Button type="button" variant="outline" size="sm" disabled>