update 8 files

2 years ago · 2a6b56a71b
parent 6fe82c4c86
commit 2a6b56a71b
4 changed files with 96 additions and 34 deletions
--- a/src/components/CardDesgin/ProcessCard/index.js
+++ b/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: "ندارد",
    },
--- a/src/components/CardDesgin/ProcessCard/square.svg
+++ b/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>
--- a/src/components/Feedback/index.js
+++ b/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"
--- a/src/components/MiniComponents/OfferSection/index.js
+++ b/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">
-      <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 className="flex flex-col">
+      {" "}
+      <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 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>
  );
 };