update src/components/AddToCart/index.js, src/components/ProductStatusCard/index.js and src/components/ProductSuggestion/index.js

src/components/ProductStatusCard/index.js

@@ -36,7 +36,9 @@ const ProductStatusCard = ({
           <div className="flex flex-row items-center">
             <img src={tick} alt="" className="w-8" />
             <div className="flex flex-col mr-3">
-              <div className="text-sm">{`توصیه به خرید توسط ${suggestedCounter} نفر`}</div>
+              <div className="text-sm">{`${window.t(
+                "توصیه به خرید توسط"
+              )}  ${suggestedCounter} ${window.t("نفر")} `}</div>
             </div>
           </div>
         </div>
@@ -47,7 +49,7 @@ const ProductStatusCard = ({
               <div className="flex flex-1 flex-col mr-3 text-sm gap-2">
                 <div className="text-tiny">{"فروشنده" + " " + seller.name}</div>
                 <div className="text-xs">
-                  {"رضایت مشتریان" + " " + "%" + seller.rate * 20}
+                  {`${window.t("پایه")}` + " " + "%" + seller.rate * 20}
                 </div>
               </div>
             </div>

src/components/ProductSuggestion/index.js

@@ -7,12 +7,7 @@ import Button from "../Button";
 import productImg from "./product-chair.svg";
 import plus from "./plus.svg";
 
-const ProductSuggestion = ({
+const ProductSuggestion = ({ isDark, getSimilar, book, similarList }) => {
-  isDark,
-  getSimilar,
-  book,
-  similarList,
-}) => {
   const [selectedProduct, setSelectedProduct] = useState(null);
   const [price, setPrice] = useState(0);
 
@@ -33,7 +28,7 @@ const ProductSuggestion = ({
   return (
     <section className="mt-10 border-2 border-gray-300 py-10 rounded-lg bg-grayF9">
       <h2 className="text-center text-lg font-bold text-productPrice">
-        این کالاها برای خرید به شما پیشنهام می دهیم
+        {window.t("این کالاها برای خرید به شما پیشنهام می دهیم")}
       </h2>
       {/* product design */}
       <div className="flex flex-row flex-wrap items-center justify-center mt-5 w-full gap-5">
@@ -56,7 +51,9 @@ const ProductSuggestion = ({
               <h2 className="my-3 text-tiny">{book?.name}</h2>
               <p className="text-base text-blueC0 font-medium">
                 {separate(book?.price)}
-                <span className="mx-1 text-xs text-black">تومان</span>
+                <span className="mx-1 text-xs text-black">
+                  {window.t("تومان")}
+                </span>
               </p>
               {/* <div className="flex flex-col items-center mt-3">
                 <span className="text-xs">انتخاب شما</span>
@@ -80,19 +77,23 @@ const ProductSuggestion = ({
       <div className="flex flex-col justify-center items-center mt-4">
         <div className="flex flex-row mb-5">
           <p className="text-base text-productPrice font-bold">
-            &nbsp;جمع لوازم اختیاری خریداری شده&nbsp;
+            &nbsp;
+            {window.t("جمع لوازم اختیاری خریداری شده")}
+            &nbsp;
             <span className="mx-1">{separate(price)}</span>
-            تومان
+            {window.t("تومان")}
           </p>
           <span className="text-lightBlueTextColor text-base mr-1 font-bold">
-            1 کالا
+            {window.t("1 کالا")}
           </span>
         </div>
         <p className="text-sm font-light text-gray-600 mb-4">
-          در صورت تمایل می توانید موارد بالا را به سبد خرید اضافه کنید
+          {window.t(
+            "در صورت تمایل می توانید موارد بالا را به سبد خرید اضافه کنید"
+          )}
         </p>
         <Button
-          title="اضافه کردن به سبد خرید"
+          title={window.t("اضافه کردن به سبد خرید")}
           backgroundColor={isDark ? "bg-blueC0" : "bg-blueC0"}
           border={{ color: isDark ? "#ffffff55" : "#196EC055", width: "1px" }}
           width="calc(100% / 5)"