Danovin
/
application_17
5
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

update src/views/ShoppingCart/index.js

Browse Source
temp
mahdi 2 years ago
parent c1df77f660
commit 4a67480149
1 changed files with 103 additions and 98 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 201
      src/views/ShoppingCart/index.js

201
src/views/ShoppingCart/index.js
Unescape View File

@ -274,111 +274,116 @@ function ShoppingCart({
}`} }`}
> >
<div className="flex flex-col flex-1">{layouts[phase]}</div> <div className="flex flex-col flex-1">{layouts[phase]}</div>
{phase !== "address" && ( {console.log(list)}
<div {list?.length
className="flex flex-col w-1/4 p-10 bg-white shadow-all rounded-md px-4 py-4" ? phase !== "address" && (
style={{ height: "fit-content", minWidth: 350 }}
>
<div className="flex flex-col w-full border-t py-2 border-gray-300 border-b">
<PriceStatus
name="مبلغ سبد خرید"
value={productsLength ? factorInfo?.sumPrice : ""}
type="normal"
/>
<PriceStatus
name="میزان تخفیف"
value={productsLength ? factorInfo?.offPrice : ""}
type="error"
/>
<PriceStatus
name="مالیات بر ارزش افزوده"
value={
productsLength ? Math.floor(factorInfo?.sumPrice * 0.009) : ""
}
type="error"
/>
</div>
<div className="flex flex-row justify-between items-center w-full py-4 border-t border-b border-grayDB border-solid">
<strong className="font-semibold text-tiny text-blue5F dark:text-white">
جمع کل سبد خرید
</strong>
<p className="font-medium text-greenBA text-lg dark:text-white">
{separate(productsLength ? factorInfo?.payPrice : "")}
<span className="font-medium text-greenBA text-sm mr-2">
تومان
</span>
</p>
</div>
{phase === "products" && (
<div <div
className="w-full rounded-md flex flex-row justify-center items-center py-2.5 px-3 mt-5 mb-4" className="flex flex-col w-1/4 p-10 bg-white shadow-all rounded-md px-4 py-4"
style={{ backgroundColor: "#DEFFF188" }} style={{ height: "fit-content", minWidth: 350 }}
> >
<img src={alertIcon} className="w-5 ml-2" /> <div className="flex flex-col w-full border-t py-2 border-gray-300 border-b">
<p className="text-xs text-green71 dark:text-white text-justify font-medium"> <PriceStatus
هزینه ارسال کالا پس از تعیین محل آدرس مشخص می‌شود name="مبلغ سبد خرید"
</p> value={productsLength ? factorInfo?.sumPrice : ""}
</div> type="normal"
)} />
{null && phase === "deliveryForm" && ( <PriceStatus
<div className="flex flex-col mt-10"> name="میزان تخفیف"
<strong className="text-tiny text-blue52 mb-5 font-medium"> value={productsLength ? factorInfo?.offPrice : ""}
انتخاب شیوه پرداخت type="error"
</strong> />
<Button <PriceStatus
title="از طریق درگاه پرداخت" name="مالیات بر ارزش افزوده"
backgroundColor="bg-transparent" value={
border={{ color: "#77777755", width: "1px" }} productsLength
width="100%" ? Math.floor(factorInfo?.sumPrice * 0.009)
color="text-blue52" : ""
onClick={() => {}} }
/> type="error"
/>
</div>
<div className="flex flex-row justify-between items-center w-full py-4 border-t border-b border-grayDB border-solid">
<strong className="font-semibold text-tiny text-blue5F dark:text-white">
جمع کل سبد خرید
</strong>
<p className="font-medium text-greenBA text-lg dark:text-white">
{separate(productsLength ? factorInfo?.payPrice : "")}
<span className="font-medium text-greenBA text-sm mr-2">
تومان
</span>
</p>
</div>
{phase === "products" && (
<div
className="w-full rounded-md flex flex-row justify-center items-center py-2.5 px-3 mt-5 mb-4"
style={{ backgroundColor: "#DEFFF188" }}
>
<img src={alertIcon} className="w-5 ml-2" />
<p className="text-xs text-green71 dark:text-white text-justify font-medium">
هزینه ارسال کالا پس از تعیین محل آدرس مشخص می‌شود
</p>
</div>
)}
{null && phase === "deliveryForm" && (
<div className="flex flex-col mt-10">
<strong className="text-tiny text-blue52 mb-5 font-medium">
انتخاب شیوه پرداخت
</strong>
<Button
title="از طریق درگاه پرداخت"
backgroundColor="bg-transparent"
border={{ color: "#77777755", width: "1px" }}
width="100%"
color="text-blue52"
onClick={() => {}}
/>
<br />
<Button
title="پرداخت در محل"
backgroundColor="bg-transparent"
border={{ color: "#77777755", width: "1px" }}
width="100%"
color="text-blue52"
onClick={() => {}}
/>
<br />
<br />
</div>
)}
<br />
<br /> <br />
<Button <Button
title="پرداخت در محل" title={
backgroundColor="bg-transparent" phase === "deliveryForm"
border={{ color: "#77777755", width: "1px" }} ? "پرداخت"
: userProducts.filter((object) => object.productType === 2)
.length > 0
? "ادامه فرایند خرید"
: "پرداخت"
}
backgroundColor="bg-blueC0"
border={{ color: "#196EC055", width: "0px" }}
width="100%" width="100%"
color="text-blue52" color="text-white"
onClick={() => {}} onClick={next[phase]}
// loading={loading}
/> />
<br /> {phase === "deliveryForm" && (
<br /> <button
className="bg-transparent mt-4 text-tiny border border-solid border-blueC0 text-green7B rounded-full py-3 flex flex-row justify-center items-center"
onClick={() => setPhase("products")}
>
بازگشت
<img
src={dropdownIcon}
alt=""
className="w-4 transform rotate-90"
/>
</button>
)}
</div> </div>
)} )
<br /> : null}
<br />
<Button
title={
phase === "deliveryForm"
? "پرداخت"
: userProducts.filter((object) => object.productType === 2)
.length > 0
? "ادامه فرایند خرید"
: "پرداخت"
}
backgroundColor="bg-blueC0"
border={{ color: "#196EC055", width: "0px" }}
width="100%"
color="text-white"
onClick={next[phase]}
// loading={loading}
/>
{phase === "deliveryForm" && (
<button
className="bg-transparent mt-4 text-tiny border border-solid border-blueC0 text-green7B rounded-full py-3 flex flex-row justify-center items-center"
onClick={() => setPhase("products")}
>
بازگشت
<img
src={dropdownIcon}
alt=""
className="w-4 transform rotate-90"
/>
</button>
)}
</div>
)}
</div> </div>
); );
} }

Write Preview
Loading…
Cancel
Save