update 8 files

src/components/CardDesgin/ProcessCard/index.js

@@ -1,6 +1,8 @@
 import React from "react";
 import Button from "../../ButtonDesign/Button";
 
+import ax from "./square.svg";
+
 const ProcessCard = ({ processes, title, hint, items, options }) => {
   return (
     <section className="flex flex-row bg-surface border border-surfaceBorder rounded">
@@ -35,7 +37,7 @@ const ProcessCard = ({ processes, title, hint, items, options }) => {
           {/* right */}
           <Button
             text={"ویرایش"}
-            icon={"images/white-cart-icon.svg"}
+            icon={ax}
             iconHolderClassName={""}
             iconClassName={"mr-2 w-5"}
             className="p-2 bg-primary text-white text-sm rounded"
@@ -102,17 +104,17 @@ ProcessCard.defaultProps = {
 
   items: [
     {
-      icon: "images/notification.svg",
+      icon: ax,
       name: "سوالات:",
       ans: 5,
     },
     {
-      icon: "images/notification.svg",
+      icon: ax,
       name: "چک لیست:",
       ans: "تابع دارد",
     },
     {
-      icon: "images/notification.svg",
+      icon: ax,
       name: "مکاتبات:",
       ans: "دارد",
     },
@@ -120,32 +122,32 @@ ProcessCard.defaultProps = {
 
   options: [
     {
-      icon: "images/square.svg",
+      icon: ax,
       title: "تاخیر",
       content: "5 ساعت",
     },
     {
-      icon: "images/square.svg",
+      icon: ax,
       title: "شرایط اجرا",
       content: "2 مورد",
     },
     {
-      icon: "images/square.svg",
+      icon: ax,
       title: "تابع شروع",
       content: "ندارد",
     },
     {
-      icon: "images/square.svg",
+      icon: ax,
       title: "مثلث",
       content: "5 ساعت",
     },
     {
-      icon: "images/square.svg",
+      icon: ax,
       title: "تایید خودکار",
       content: "5 ساعت",
     },
     {
-      icon: "images/square.svg",
+      icon: ax,
       title: "تابع انجام",
       content: "ندارد",
     },

src/components/CardDesgin/ProcessCard/square.svg

@@ -0,0 +1,10 @@
+<svg id="element-3" xmlns="http://www.w3.org/2000/svg" width="30.507" height="30.507" viewBox="0 0 30.507 30.507">
+  <path id="Vector" d="M10.8,8.288V2.517C10.8.725,9.991,0,7.97,0H2.835C.814,0,0,.725,0,2.517V8.275c0,1.805.814,2.517,2.835,2.517H7.97C9.991,10.8,10.8,10.08,10.8,8.288Z" transform="translate(17.16 2.542)" fill="none" stroke="#65a9ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  <path id="Vector-2" data-name="Vector" d="M10.8,7.97V2.835C10.8.814,9.991,0,7.97,0H2.835C.814,0,0,.814,0,2.835V7.97C0,9.991.814,10.8,2.835,10.8H7.97C9.991,10.8,10.8,9.991,10.8,7.97Z" transform="translate(17.16 17.16)" fill="none" stroke="#65a9ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  <path id="Vector-3" data-name="Vector" d="M10.8,8.288V2.517C10.8.725,9.991,0,7.97,0H2.835C.814,0,0,.725,0,2.517V8.275c0,1.805.814,2.517,2.835,2.517H7.97C9.991,10.8,10.8,10.08,10.8,8.288Z" transform="translate(2.542 2.542)" fill="none" stroke="#65a9ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  <path id="Vector-4" data-name="Vector" d="M10.8,7.97V2.835C10.8.814,9.991,0,7.97,0H2.835C.814,0,0,.814,0,2.835V7.97C0,9.991.814,10.8,2.835,10.8H7.97C9.991,10.8,10.8,9.991,10.8,7.97Z" transform="translate(2.542 17.16)" fill="none" stroke="#65a9ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  <g id="Vector-5" data-name="Vector" fill="none" opacity="0">
+    <path d="M0,0H30.507V30.507H0Z" stroke="none"/>
+    <path d="M 1.000003814697266 0.9999942779541016 L 1.000003814697266 29.50746536254883 L 29.50744247436523 29.50746536254883 L 29.50744247436523 0.9999942779541016 L 1.000003814697266 0.9999942779541016 M 3.814697265625e-06 -5.7220458984375e-06 L 30.50744247436523 -5.7220458984375e-06 L 30.50744247436523 30.50746536254883 L 3.814697265625e-06 30.50746536254883 L 3.814697265625e-06 -5.7220458984375e-06 Z" stroke="none" fill="#65a9ff"/>
+  </g>
+</svg>

src/components/Feedback/index.js

@@ -36,7 +36,6 @@ const Feedback = ({ feedbakTitle, feedbacks }) => {
               alt=""
               className="transition duration-300 transform hover:-translate-y-1 w-14 h-14"
             />
-
             <p
               className={`text-sm mt-3 transition-all duration-500 ${
                 activeFeedback === item ? "opacity-100" : "opacity-0"

src/components/MiniComponents/OfferSection/index.js

@@ -3,29 +3,80 @@ import Button from "../../ButtonDesign/Button";
 
 const OfferSection = () => {
   return (
-    <div className="w-full flex flex-row items-center justify-between">
+    <div className="flex flex-col">
-      <Button
+      {" "}
-        sharpStyle={true}
+      <div className="w-full flex flex-row items-center justify-between">
-        text={"پیشنهاد سردبیر"}
+        <Button
-        className={
+          sharpStyle={true}
-          "w-[133px] py-2 pr-2 pl-5 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
+          text={"پیشنهاد سردبیر"}
-        }
+          className={
-      />
+            "w-[133px] py-2 pr-2 pl-5 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
-      <Button
+          }
-        sharpStyle={true}
+        />
-        clippath={" polygon(68% 0, 89% 0, 20% 100%, 0 100%)"}
+        <Button
-        text={null}
+          sharpStyle={true}
-        className={"bg-yellow-400 w-12 h-8 -mr-6"}
+          clippath={" polygon(68% 0, 89% 0, 20% 100%, 0 100%)"}
-      />
+          text={null}
-      {/* divider */}
+          className={"bg-yellow-400 w-12 h-8 -mr-6"}
-      <hr className="w-full mr-4 border border-surfaceBorder" />
+        />
-      {/* left Button */}
+        {/* divider */}
-      <Button
+        <hr className="w-full mr-4 border border-surfaceBorder" />
-        text={"مشاهده بیشتر"}
+        {/* left Button */}
-        className={
+        <Button
-          "w-[120px] p-2 bg-surface text-primaryDark text-xs font-bold rounded"
+          text={"مشاهده بیشتر"}
-        }
+          className={
-      />
+            "w-[120px] p-2 bg-surface text-primaryDark text-xs font-bold rounded"
+          }
+        />
+      </div>
+      <div className="w-full flex flex-row items-center justify-between">
+        <Button
+          sharpStyle={true}
+          text={"مهدی عندلیب"}
+          className={
+            "w-[133px] py-2 pr-2 pl-5 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
+          }
+        />
+        <Button
+          sharpStyle={true}
+          clippath={" polygon(68% 0, 89% 0, 20% 100%, 0 100%)"}
+          text={null}
+          className={"bg-yellow-400 w-12 h-8 -mr-6"}
+        />
+        {/* divider */}
+        <hr className="w-full mr-4 border border-surfaceBorder" />
+        {/* left Button */}
+        <Button
+          text={"مشاهده بیشتر"}
+          className={
+            "w-[120px] p-2 bg-surface text-primaryDark text-xs font-bold rounded"
+          }
+        />
+      </div>
+      <div className="w-full flex flex-row items-center justify-between">
+        <Button
+          sharpStyle={true}
+          text={"رضا اشرفی"}
+          className={
+            "w-[133px] py-2 pr-2 pl-5 bg-surface text-primaryDark text-xs font-bold rounded relative transform"
+          }
+        />
+        <Button
+          sharpStyle={true}
+          clippath={" polygon(68% 0, 89% 0, 20% 100%, 0 100%)"}
+          text={null}
+          className={"bg-yellow-400 w-12 h-8 -mr-6"}
+        />
+        {/* divider */}
+        <hr className="w-full mr-4 border border-surfaceBorder" />
+        {/* left Button */}
+        <Button
+          text={"مشاهده بیشتر"}
+          className={
+            "w-[120px] p-2 bg-surface text-primaryDark text-xs font-bold rounded"
+          }
+        />
+      </div>
     </div>
   );
 };