update App.js and ProductDesign.js

src/App.js

@@ -83,6 +83,7 @@ import CustomToast from "./components/CustomToast";
 import IconText from "./components/IconText";
 import CardDesign2 from "./components/CardDesign2";
 import ButtonDivTag from "./components/ButtonDivTag";
+import Button from "./components/Button";
 
 // import Digikala from "./components/Digikala/ImageSlider";
 
@@ -90,17 +91,12 @@ function App() {
   return (
     <Provider store={store}>
       <div className="App">
-        {/* <ProductDesign /> */}
+        <ProductDesign />
         {/* <VodProductDesign /> */}
         {/* <VodProduct /> */}
         {/* <VodProductNew /> */}
         {/* <BookDesign /> */}
-        {/* <ButtonDesign /> */}
-        {/* <ButtonNewDesign /> */}
-        {/* <ProductTags /> */}
         {/* <HeaderDesign1 /> */}
-        {/* <NewTagDesign /> */}
-        {/* <CounterDesign /> */}
         {/* <Blogs /> */}
         {/* <BlogDesign1 /> */}
         {/* <BlogDesign2 /> */}
@@ -112,19 +108,17 @@ function App() {
         {/* <Testttt /> */}
         {/* <Design2D /> */}
         {/* <Features /> */}
-        {/* <Feedback /> */}
+        <Feedback />
         {/* <Alert /> */}
         {/* <Toast /> */}
-        {/* <ProductSuggestion /> */}
+        <ProductSuggestion />
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
-        {/* <ProductStatusCard /> */}
+        <ProductStatusCard />
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}
         {/* <AdvertisementDesign3 /> */}
         {/* <CourseChapter /> */}
-        {/* <SimpleBarChart /> */}
-        {/* <SpecifiedDomainRadarChart /> */}
         {/* <Design1 /> */}
         {/* <Design2 /> */}
         {/* <TableDesign1 /> */}
@@ -145,6 +139,13 @@ function App() {
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
         {/* *************************************************** mini components ***************************************************  */}
+        <Button />
+        {/* <ButtonDesign /> */}
+        {/* <ButtonNewDesign /> */}
+        {/* <ButtonDivTag /> */}
+        {/* <ProductTags /> */}
+        {/* <NewTagDesign /> */}
+        {/* <CounterDesign /> */}
         {/* <AnimatedProgressBar /> */}
         {/* <CircleInCircle /> */}
         {/* <BreadCrumb /> */}
@@ -154,6 +155,8 @@ function App() {
         {/* <Folderlists /> */}
         {/* <CardHolder /> */}
         {/* <UploadFile /> */}
+        {/* <SimpleBarChart /> */}
+        {/* <SpecifiedDomainRadarChart /> */}
         {/* <BarChartApex /> */}
         {/* <OutlineInput /> */}
         {/* <CancleIcon /> */}
@@ -165,7 +168,7 @@ function App() {
         {/* <IndianaDragScroll /> */}
         {/* <IconText /> */}
         {/* <CustomToast /> */}
-        {/* <ButtonDivTag /> */}
+
         {/* <div className="flex">
           <SidebarDesign2 className="w-1/5" />
           <span className="w-4/5 ">
@@ -173,8 +176,10 @@ function App() {
             <FooterDesign1 />
           </span>
         </div> */}
+
         {/* <Digikala /> */}
-        <TestComponentNew />
+
+        {/* <TestComponentNew /> */}
       </div>
     </Provider>
   );

src/components/productDesign/ProductDesign.js

@@ -318,5 +318,5 @@ ProductDesign.defaultProps = {
 
   productTitleAlignment: "text-justify",
   //میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم
-  priceDirection: "flex-col",
+  priceDirection: "flex-row",
 };