update src/components/Accordion/AccordionDesign1/index.js, src/components/ButtonDesign/Button/index.js and src/components/MiniComponents/OfferSection/index.js

src/components/Accordion/AccordionDesign1/index.js

@@ -53,12 +53,16 @@ const AccordionDesign1 = ({ items, vod }) => {
             item.subItems.map((subItem, i) => (
               <div className="flex flex-row items-center justify-between p-3 border-b-2 border-surfaceBorder cursor-pointer ">
                 <div className="flex flex-row items-center">
-                  <img
+                  {vod === !true && (
-                    src="images/accordionGroup2725.svg"
+                    <img
-                    className="w-4"
+                      src="images/accordionGroup2725.svg"
-                    alt="line"
+                      className="w-4"
-                  />
+                      alt="line"
-                  <span className="mr-3 text-sm">1</span>
+                    />
+                  )}
+                  <span className={`text-sm ${vod === true ? "mr-0" : "mr-3"}`}>
+                    1
+                  </span>
                 </div>
                 <div className="w-0.5 h-6 mx-3 bg-surfaceBorder"></div>
                 <p className="text-sm flex-1">{subItem.name}</p>
@@ -76,7 +80,6 @@ const AccordionDesign1 = ({ items, vod }) => {
                     </>
                   ) : (
                     <>
-                      {" "}
                       <img
                         src="images/accordionGroup2724.svg"
                         className="w-8 rounded"
@@ -86,7 +89,7 @@ const AccordionDesign1 = ({ items, vod }) => {
                         src="images/accordionGroup2723.svg"
                         className="w-8 rounded"
                         alt="edit-button"
-                      />{" "}
+                      />
                     </>
                   )}
                 </div>
@@ -97,10 +100,11 @@ const AccordionDesign1 = ({ items, vod }) => {
     </section>
   );
 };
+
 export default AccordionDesign1;
 
 AccordionDesign1.defaultProps = {
-  vod: false,
+  vod: true,
   items: [
     {
       title:

src/components/ButtonDesign/Button/index.js

@@ -6,9 +6,15 @@ const Button = ({
   icon,
   text,
   onClick,
+  sharpStyle,
 }) => {
   return (
     <button
+      style={{
+        clipPath: sharpStyle
+          ? "polygon(24% 0, 100% 0%, 100% 99%, 0% 100%)"
+          : "",
+      }}
       onClick={onClick}
       className={`flex items-center justify-center transiton ease-linear duration-200 ${className}`}
     >
@@ -32,4 +38,6 @@ Button.defaultProps = {
   iconHolderClassName: "bg-darkGreenBg mr-2",
   iconClassName: "w-4",
   icon: false,
+
+  sharpStyle: false,
 };

src/components/MiniComponents/OfferSection/index.js

@@ -4,16 +4,11 @@ import Button from "../../ButtonDesign/Button";
 const OfferSection = () => {
   return (
     <div className="w-full flex flex-row items-center justify-between">
-      <button
-        className="bg-red-400 text-xs py-2 pr-2 pl-5"
-        style={{ clipPath: "polygon(24% 0, 100% 0%, 100% 99%, 0% 100%)" }}
-      >
-        mahdi
-      </button>
       <Button
+        sharpStyle={true}
         text={"پیشنهاد سردبیر"}
         className={
-          "w-[120px] px-2 py-2 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
+          "w-[120px] py-2 pr-2 pl-5 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
         }
       />
       {/* divider */}