update src/views/ShoppingCart/index.js

src/views/ShoppingCart/index.js

@@ -64,15 +64,15 @@ function ShoppingCart({
           ? setPhase("deliveryForm")
           : setDialog({
               type: "confirm",
-              text: "به درگاه پرداخت بریم؟",
+              text: window.t("به درگاه پرداخت بریم؟"),
               open: true,
               accept: () => payFactor({ userId: user.id }),
             })
-        : toast.info("ابتدا یک محصول را به سبد خرید خود اضافه کنید."),
+        : toast.info(window.t("ابتدا یک محصول را به سبد خرید خود اضافه کنید.")),
     deliveryForm: () =>
       setDialog({
         type: "confirm",
-        text: "به درگاه پرداخت بریم؟",
+        text: window.t("به درگاه پرداخت بریم؟"),
         open: true,
         accept: () => payFactor({ userId: user.id }),
       }),
@@ -87,10 +87,10 @@ function ShoppingCart({
       <div className="w-full flex flex-col">
         <header className="w-full flex flex-row gap-10">
           <strong className="w-3/4 pb-2 border-b border-solid border-gray-200 text-gray70 text-sm font-normal">
-            کالاهای انتخابی
+            {window.t("کالاهای انتخابی")}
           </strong>
           <strong className="w-1/4 pb-2 border-b border-solid border-gray-200 text-gray70 text-sm font-normal">
-            تعداد سفارش
+            {window.t("تعداد سفارش")}
           </strong>
         </header>
         <ul className="w-full mt-2 list-none p-0">
@@ -133,7 +133,7 @@ function ShoppingCart({
             }}
             className="text-sm mr-2"
           >
-            تومان
+            {window.t("تومان")}
           </span>
         </span>
       </div>
@@ -159,7 +159,7 @@ function ShoppingCart({
             }}
             className="text-sm mr-2"
           >
-            تومان
+            {window.t("تومان")}
           </span>
         </span>
       </div>
@@ -183,8 +183,8 @@ function ShoppingCart({
       <Table />
     ) : (
       <Empty
-        text="سبد خرید شما خالی است."
-        buttonText="فروشگاه"
+        text={window.t("سبد خرید شما خالی است.")}
+        buttonText={window.t("فروشگاه")}
         buttonAction={() => navigation("/products")}
       />
       // <strong className="text-blueC0">سبد خرید شما خالی است.</strong>
@@ -202,29 +202,24 @@ function ShoppingCart({
             <>
               <div className="flex flex-col w-full border-t border-gray-300 border-b">
                 <PriceStatus
-                  name="مبلغ سبد خرید"
+                  name={window.t("مبلغ سبد خرید")}
                   value={productsLength ? factorInfo?.sumPrice : 0}
                   type="normal"
                 />
                 <PriceStatus
-                  name="میزان تخفیف"
+                  name={window.t("میزان تخفیف")}
                   value={productsLength ? factorInfo?.offPrice : 0}
                   type="error"
                 />
-                {/* <PriceStatus
-                  name="مالیات بر ارزش افزوده"
-                  value={productsLength ? factorInfo?.sumPrice * 0.009 : 0}
-                  type="error"
-                /> */}
               </div>
               <div className="flex flex-row justify-between items-center w-full py-3">
                 <strong className="font-bold text-tiny text-blue5F dark:text-white">
-                  جمع کل سبد خرید
+                  {window.t("جمع کل سبد خرید")}
                 </strong>
                 <p className="font-medium text-greenBA text-lg dark:text-white">
                   {separate(productsLength ? factorInfo?.payPrice : 0) +
                     " " +
-                    "تومان"}
+                    window.t("تومان")}
                 </p>
               </div>
               <div
@@ -233,11 +228,13 @@ function ShoppingCart({
               >
                 <img src={alertIcon} className="w-5 ml-2" />
                 <p className="text-xs text-green71 dark:text-white text-justify font-medium">
-                  هزینه ارسال کالا پس از تعیین محل آدرس مشخص می‌شود
+                  {window.t(
+                    "هزینه ارسال کالا پس از تعیین محل آدرس مشخص می‌شود"
+                  )}
                 </p>
               </div>
               <Button
-                title="ادامه فرایند خرید"
+                text={window.t("ادامه فرایند خرید")}
                 backgroundColor="bg-blueC0"
                 border={{ color: "#196EC055", width: "0px" }}
                 width="100%"
@@ -250,7 +247,6 @@ function ShoppingCart({
                   onClick={() => setPhase("products")}
                 >
                   {window.t("بازگشت")}
-
                   <img
                     src={dropdownIcon}
                     alt=""
@@ -263,7 +259,7 @@ function ShoppingCart({
         </>
       ) : (
         <Empty
-          text="سبد خرید شما خالی است."
+          text={window.t("سبد خرید شما خالی است.")}
           buttonText="فروشگاه"
           buttonAction={() => navigation("/products")}
         />
@@ -285,17 +281,17 @@ function ShoppingCart({
             >
               <div className="flex flex-col w-full border-t py-2 border-gray-300 border-b">
                 <PriceStatus
-                  name="مبلغ سبد خرید"
+                  name={window.t("مبلغ سبد خرید")}
                   value={productsLength ? factorInfo?.sumPrice : ""}
                   type="normal"
                 />
                 <PriceStatus
-                  name="هزینه حمل و نقل"
+                  name={window.t("هزینه حمل و نقل")}
                   value={productsLength ? factorInfo?.transportPrice : 0}
                   type="error"
                 />
                 <PriceStatus
-                  name="میزان تخفیف"
+                  name={window.t("میزان تخفیف")}
                   value={productsLength ? factorInfo?.offPrice : ""}
                   type="error"
                 />