From dc650ecd9d24211f07ec88765d8de0c376632d44 Mon Sep 17 00:00:00 2001
From: Pkpedram <pkpedram80@gmail.com>
Date: Sat, 12 Feb 2022 15:42:07 +0330
Subject: [PATCH] Books Component Made

---
 src/components/Product/index.js | 35 +++++++++++++++++++++++++++++++++
 src/view/services/index.js      |  2 +-
 tailwind.config.js              |  4 +++-
 3 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/components/Product/index.js b/src/components/Product/index.js
index 2494dc8..19d4c3f 100644
--- a/src/components/Product/index.js
+++ b/src/components/Product/index.js
@@ -235,6 +235,41 @@ const ProductDesign = ({
 
     )
   }
+  if(catId == 4){
+    return (
+      <div className={`flex flex-col  text-right rounded-xl justify-start w-full m-4 border border-red82OP`}
+      style={{ width: '375px', direction: 'rtl' }}
+
+    >
+      
+        <img src="https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg" className="rounded-t-xl pb-2"/>
+      
+
+      <div className="border-b border-red82OP pb-2 px-4 text-center">
+        <h1 className="text-blue5F text-lg font-bold">کتاب {productName}</h1>
+        <p className="text-blue7E text-sm my-2">
+          در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار می‌گیرد
+        </p>
+      </div>
+
+     
+
+      <div className="flex p-4 justify-between items-center">
+        <h1 className="font-black text-xl text-red52">{productPrice} تومان</h1>
+        <div
+          className={`bg-pinkF5 text-red26 w-32 border-2 border-red52 px-1 py-2 text-xs flex justify-center hover:bg-red52 hover:text-white
+                `}
+        >
+          <button onClick={btnOnClick}>افزودن به سبد خرید</button>
+        </div>
+
+      </div>
+
+
+
+    </div>
+    )
+  }
   else{
     return <div></div>
   }
diff --git a/src/view/services/index.js b/src/view/services/index.js
index af61d5f..a5eee64 100644
--- a/src/view/services/index.js
+++ b/src/view/services/index.js
@@ -384,7 +384,7 @@ const Services = ({
                   classHour: 21,
                   classMinute: 56,
                 });
-                setPopUp(true);
+                if(gameId == 1){setPopUp(true);}
               }}
             >
               {/* {console.log(product)} */}
diff --git a/tailwind.config.js b/tailwind.config.js
index 15fc487..0307642 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,7 +31,9 @@ module.exports = {
         red82OP: 'rgba(223, 20, 82, 0.08)',
         pinkF5: '#fff1f5',
         black40: '#404040',
-        green17 : '#8daf17'
+        green17 : '#8daf17',
+        blue5F : '#05335f',
+        blue7E : '#15517e'
       },
     },
     screens: {