From b0f82b16e534833f3d1ac61b69e7d572f32e82bf Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 16 Apr 2022 16:45:54 +0430
Subject: [PATCH] update App.js and src/components/ProductStatusCard/index.js

---
 src/App.js                                | 8 ++++----
 src/components/ProductStatusCard/index.js | 8 +++++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/App.js b/src/App.js
index 7e97b0c..1ef47ea 100644
--- a/src/App.js
+++ b/src/App.js
@@ -114,7 +114,7 @@ function App() {
         {/* <ProductSuggestion /> */}
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
-        <ProductStatusCard />
+        {/* <ProductStatusCard /> */}
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}
         {/* <AdvertisementDesign3 /> */}
@@ -129,7 +129,7 @@ function App() {
         {/* <SidebarMenu /> */}
         {/* <SidebarDesign2 /> */}
         {/* <SidebarDesign2 className="w-1/5" /> */}
-        {/* <FileManager /> */}
+        <FileManager />
         {/* <GridListTable /> */}
         {/* <PopupCard /> */}
         {/* <TimeLine /> */}
@@ -137,9 +137,9 @@ function App() {
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}
         {/* <CardDesign1 /> */}
-        <CardDesign2 />
+        {/* <CardDesign2 /> */}
         {/* *************************************************** mini components ***************************************************  */}
-        <Button />
+        {/* <Button /> */}
         {/* <ButtonDesign /> */}
         {/* <ButtonNewDesign /> */}
         {/* <ButtonDivTag /> */}
diff --git a/src/components/ProductStatusCard/index.js b/src/components/ProductStatusCard/index.js
index 49c6b1f..81aeace 100644
--- a/src/components/ProductStatusCard/index.js
+++ b/src/components/ProductStatusCard/index.js
@@ -7,6 +7,7 @@ import circle from "./info-circle.svg";
 import shield from "./shield-tick.svg";
 import tick from "./tick-circle.svg";
 import shop from "./icon-shop.svg";
+import Button from "../Button";
 
 const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
   console.log(items.alertIcon);
@@ -54,9 +55,10 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
           </p>
         </div>
         <div className="w-full flex flex-col items-center">
-          <button className="w-6/12 mt-5 mb-2 rounded bg-blue-400 text-white p-2 text-sm hover:bg-blue-600 transtition ease-linear duration-300">
-            افزودن به سبد خرید
-          </button>
+          <Button
+            className={`w-6/12 mt-5 mb-2 rounded bg-blue-400 text-white px-2 py-2 text-sm hover:bg-blue-600 hover:bg-opacity-90 transtition ease-linear duration-300`}
+            text={"افزودن به سبد خرید"}
+          />
         </div>
       </div>
       <div className="bg-gray-200 rounded px-4 py-2 mt-2 flex flex-row items-center">