update 8 files

master
mahdi 2 years ago
parent 6fe82c4c86
commit 2a6b56a71b
  1. 22
      src/components/CardDesgin/ProcessCard/index.js
  2. 10
      src/components/CardDesgin/ProcessCard/square.svg
  3. 1
      src/components/Feedback/index.js
  4. 97
      src/components/MiniComponents/OfferSection/index.js

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

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

After

Width:  |  Height:  |  Size: 1.9 KiB

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

@ -3,29 +3,80 @@ import Button from "../../ButtonDesign/Button";
const OfferSection = () => { const OfferSection = () => {
return ( 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> </div>
); );
}; };

Loading…
Cancel
Save