update App.js and src/components/ProductStatusCard/index.js

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 /> */}

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">