From 733e3f62089b83361dcecbe82824d214e180ba55 Mon Sep 17 00:00:00 2001
From: LeonG11 <kkacanov198@gmail.com>
Date: Tue, 23 Jun 2026 20:38:41 +0300
Subject: [PATCH] feat: add cart on front

---
 backend/models/cart.go                    |  4 ++--
 frontend/src/components/HeaderDesktop.jsx |  5 ++++-
 frontend/src/components/HeaderMobile.jsx  |  5 ++++-
 frontend/src/pages/Cart.jsx               |  4 ++--
 frontend/src/pages/Shop.jsx               | 21 +++++++++++++++++++--
 5 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/backend/models/cart.go b/backend/models/cart.go
index 90751f5..f7b971a 100644
--- a/backend/models/cart.go
+++ b/backend/models/cart.go
@@ -6,8 +6,8 @@ import (
 
 type CartItem struct {
 	ID        uint      `json:"id" gorm:"primaryKey"`
-	UserID    uint      `json:"user_id" gorm:"not null;uniqueIndex;idx_user_item"`
-	ItemID    uint      `json:"item_id" gorm:"not null;uniqueIndex;idx_user_item"`
+	UserID    uint      `json:"user_id" gorm:"not null;uniqueIndex:idx_user_item"`
+	ItemID    uint      `json:"item_id" gorm:"not null;uniqueIndex:idx_user_item"`
 	Quantity  float64   `json:"quantity" gorm:"not null;default:1"`
 	CreatedAt time.Time `json:"created_at"`
 	UpdatedAt time.Time `json:"updated_at"`
diff --git a/frontend/src/components/HeaderDesktop.jsx b/frontend/src/components/HeaderDesktop.jsx
index 5c5953c..593475c 100644
--- a/frontend/src/components/HeaderDesktop.jsx
+++ b/frontend/src/components/HeaderDesktop.jsx
@@ -77,7 +77,10 @@ export default function HeaderDesktop() {
             />
           </svg>
         </button>
-        <button className="text-slate-200 hover:text-gold transition-colors duration-200">
+        <button
+          className="text-slate-200 hover:text-gold transition-colors duration-200"
+          onClick={() => navigate("/cart")}
+        >
           <svg
             width="24"
             height="24"
diff --git a/frontend/src/components/HeaderMobile.jsx b/frontend/src/components/HeaderMobile.jsx
index f0953ba..fe1a8db 100644
--- a/frontend/src/components/HeaderMobile.jsx
+++ b/frontend/src/components/HeaderMobile.jsx
@@ -55,7 +55,10 @@ export default function HeaderMobile() {
               />
             </svg>
           </button>
-          <button className="text-slate-200 hover:text-gold transition-colors duration-200">
+          <button
+            className="text-slate-200 hover:text-gold transition-colors duration-200"
+            onClick={() => navigate("/cart")}
+          >
             <svg
               width="24"
               height="24"
diff --git a/frontend/src/pages/Cart.jsx b/frontend/src/pages/Cart.jsx
index f9ec8c3..1ea6a9f 100644
--- a/frontend/src/pages/Cart.jsx
+++ b/frontend/src/pages/Cart.jsx
@@ -42,8 +42,8 @@ export default function Cart() {
               >
                 <span className="font-medium ">{ci.item.name}</span>
                 <span>
-                  {ci.quanitity} x {ci.item.price} ={" "}
-                  {ci.quantity * ci.item.price}
+                  {ci.quantity} x {ci.item.price}р. ={" "}
+                  {ci.quantity * ci.item.price}р.
                 </span>
               </div>
             ))}
diff --git a/frontend/src/pages/Shop.jsx b/frontend/src/pages/Shop.jsx
index 93f5cb8..4baf902 100644
--- a/frontend/src/pages/Shop.jsx
+++ b/frontend/src/pages/Shop.jsx
@@ -34,10 +34,27 @@ export default function Shop() {
       });
   }, [items, activeCategory]);
 
-  const handleAddToCart = (product, selectedWeight) => {
-    console.log(`Добавлен товар ${product.name}, Вес ${selectedWeight} кг`);
+  const handleAddToCart = async (product, selectedWeight) => {
+    try {
+      await api.addToCart({
+        item_id: product.id,
+        quanity: selectedWeight,
+      });
+      alert(`${product.name} добавлен в корзину`);
+    } catch (err) {
+      console.error("Ошибка при добавлении товара в корзину", err);
+      alert("Не удалось добавить товар в корзину");
+    }
   };
 
+  if (loading) {
+    return(
+      <PageLayout>
+        <p className="text-white grow">Загрузка...</p>
+      </PageLayout>
+    )
+  }
+
   return (
     <PageLayout>
       <main className="px-6 md:px-16 grow w-full ">