Merge pull request #23 from ZatoBox/fix/hover-and-product-owner

Fix/hover and product owner

Author: esspindola

backend/zato-csm-backend/repositories/product_repositories.py

@@ -113,3 +113,8 @@ def delete_product(self, product_id: int):
             if not product:
                 raise HTTPException(status_code=404, detail="Product not found")
             return product
+
+    def find_by_creator(self, creator_id: int):
+        with self._get_cursor() as cursor:
+            cursor.execute("SELECT * FROM products WHERE creator_id=%s", (creator_id,))
+            return cursor.fetchall()

backend/zato-csm-backend/routes/auth.py

@@ -147,3 +147,11 @@ def update_profile(
     if not current_user.get("admin"):
         raise HTTPException(status_code=403, detail="Acess denied")
     return auth_service.update_profile(user_id, updates)
+
+
+@router.get("/check-email")
+def check_email(email: str, db=Depends(get_db_connection)):
+    with db.cursor() as cursor:
+        cursor.execute("SELECT id FROM users WHERE email=%s", (email,))
+        row = cursor.fetchone()
+    return {"exists": bool(row)}

backend/zato-csm-backend/routes/inventory.py

@@ -21,6 +21,14 @@ def get_inventory(
     return {"success": True, "inventory": inventory}
 
 
+@router.get("/user")
+def get_user_inventory(
+    user=Depends(get_current_user), inventory_service=Depends(_get_inventory_service)
+):
+    inventory = inventory_service.get_inventory_by_user(user["id"])
+    return {"success": True, "inventory": inventory}
+
+
 @router.put("/{product_id}")
 def update_inventory(
     product_id: int,

backend/zato-csm-backend/services/inventory_service.py

@@ -23,6 +23,19 @@ def get_inventory(self):
             for p in products
         ]
 
+    def get_inventory_by_user(self, user_id: int):
+        products = self.product_repo.find_by_creator(user_id)
+        return [
+            {
+                "id": p["id"],
+                "productId": p["id"],
+                "quantity": p["stock"],
+                "minStock": p.get("min_stock", 0),
+                "lastUpdated": p.get("last_updated", datetime.now().isoformat() + "Z"),
+            }
+            for p in products
+        ]
+
     def update_stock(self, product_id: int, quantity: int, user_timezone: str = "UTC"):
         if quantity < 0:
             raise HTTPException(status_code=400, detail="Quantity cannot be negative")

frontend/package-lock.json

@@ -66,7 +66,7 @@ function App() {
                   <div className='p-8'>
                     <h1 className='text-2xl font-bold'>POS Integration</h1>
                     <p className='mt-4'>
-                      POS system integration module is active and ready to use.
+                      POS system integration module is currently under development. This feature will allow you to connect ZatoBox with your existing POS system for seamless inventory management and sales tracking.
                     </p>
                   </div>
                 }

frontend/src/App.tsx

@@ -8,7 +8,7 @@ import {
   Package,
   ChevronDown,
 } from 'lucide-react';
-import { productsAPI } from '../services/api';
+import { productsAPI, inventoryAPI } from '../services/api';
 import type { Product } from '../services/api';
 import { useAuth } from '../contexts/AuthContext';
 
@@ -27,7 +27,7 @@ const InventoryPage: React.FC = () => {
 
   // Fetch products from backend
   useEffect(() => {
-    const fetchProducts = async () => {
+    const fetchInventory = async () => {
       if (!isAuthenticated) {
         setError('You must log in to view inventory');
         setLoading(false);
@@ -36,21 +36,60 @@ const InventoryPage: React.FC = () => {
 
       try {
         setLoading(true);
-        const response = await productsAPI.getAll();
-        if (response.success) {
-          setInventoryItems(response.products);
-        } else {
-          setError('Error loading products');
+        const response = await inventoryAPI.getUserInventory();
+
+        if (!response.success) {
+          setError('Error loading inventory');
+          return;
         }
+
+        const mappedProducts: Product[] = response.inventory.map((item) => {
+          const anyItem = item as unknown as Record<string, unknown>;
+
+          // If backend returns an embedded product object
+          if (anyItem.product && typeof anyItem.product === 'object') {
+            return anyItem.product as Product;
+          }
+
+          // If inventory item already contains product-like fields
+          if (anyItem.name || anyItem.price !== undefined) {
+            return {
+              id: (anyItem.product_id as number) ?? (anyItem.id as number) ?? 0,
+              name:
+                (anyItem.name as string) ??
+                `Product ${
+                  (anyItem.product_id as number) ?? (anyItem.id as number) ?? ''
+                }`,
+              description: (anyItem.description as string) ?? null,
+              price: Number(anyItem.price ?? 0),
+              stock: Number(anyItem.quantity ?? 0),
+              category: (anyItem.category as string) ?? null,
+              status: (anyItem.status as 'active' | 'inactive') ?? 'inactive',
+            } as Product;
+          }
+
+          // Fallback minimal product constructed from inventory item
+          return {
+            id: (anyItem.product_id as number) ?? (anyItem.id as number) ?? 0,
+            name: `Product ${
+              (anyItem.product_id as number) ?? (anyItem.id as number) ?? ''
+            }`,
+            price: 0,
+            stock: Number(anyItem.quantity ?? 0),
+          } as Product;
+        });
+
+        setInventoryItems(mappedProducts);
+        setError(null);
       } catch (err) {
-        console.error('Error fetching products:', err);
-        setError('Error loading products');
+        console.error('Error fetching inventory:', err);
+        setError('Error loading inventory');
       } finally {
         setLoading(false);
       }
     };
 
-    fetchProducts();
+    fetchInventory();
   }, [isAuthenticated]);
 
   const categories = [

frontend/src/components/InventoryPage.tsx

@@ -21,6 +21,27 @@ const OCRResultPage: React.FC = () => {
   });
   const [systemStatus, setSystemStatus] = useState<any>(null);
 
+  const maintenanceMode = true;
+
+  if (maintenanceMode) {
+    return (
+      <div className='flex items-center justify-center min-h-screen p-4'>
+        <div className='w-full max-w-2xl p-8 text-center bg-white rounded-lg shadow-lg'>
+          <h1 className='mb-4 text-2xl font-bold'>In maintenance</h1>
+          <p className='mb-6 text-text-secondary'>
+            The OCR feature is temporarily unavailable.
+          </p>
+          <button
+            disabled
+            className='px-6 py-3 font-medium text-white bg-gray-400 rounded-lg cursor-not-allowed'
+          >
+            In maintenance
+          </button>
+        </div>
+      </div>
+    );
+  }
+
   const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     if (e.target.files && e.target.files[0]) {
       setFile(e.target.files[0]);