replaced k -> window.t(k)

src/QRScan/LastQr/index.js

@@ -4,18 +4,18 @@ import { Link } from "react-router-dom";
 import "./index.scss";
 
 const grades = [
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 
 export default function LastQR(props) {

src/Redux/reducers/activation.js

@@ -14,10 +14,10 @@ export default function activation(state = initialState, action) {
     case "activation/update":
       return { ...state, loading: false, error: null };
     case "activation/updateStatus":
-      toast.success("کتاب شما با موفقیت فعال گردید.");
+      toast.success(window.t("کتاب شما با موفقیت فعال گردید."));
       return { ...state, loading: false, error: null, updateStatus: true };
     case "activation/add":
-      toast.success("کتاب شما با موفقیت فعال گردید.");
+      toast.success(window.t("کتاب شما با موفقیت فعال گردید."));
       return { ...state, loading: false, error: null };
     case "activation/delete":
       return { ...state, loading: false, error: null };

src/Redux/reducers/book.js

@@ -9,23 +9,23 @@ const initialState = {
   filterResult: [],
   subjects: [],
   levels: [],
-  sortFilters: ["مرتب سازی", "محبوب ترین", "جدیدترین"],
+  sortFilters: [window.t("مرتب سازی"), window.t("محبوب ترین"), window.t("جدیدترین")],
 };
 
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default function book(state = initialState, action) {
   let { type, data } = action;
@@ -35,14 +35,14 @@ export default function book(state = initialState, action) {
         (item, index) => item.name
       );
       if (window.innerWidth < 1000) {
-        itemsSubject.unshift("نام کتاب");
+        itemsSubject.unshift(window.t("نام کتاب"));
       }
       let itemsLevel = (Array.isArray(data) ? data : [])
         .map((item) => item.gradeId * 1)
         .sort((a, b) => a - b)
         .map((e) => grades[e]);
       if (window.innerWidth < 1000) {
-        itemsLevel.unshift("پایه تحصیلی");
+        itemsLevel.unshift(window.t(window.t("پایه تحصیلی")));
       }
       return {
         ...state,
@@ -103,7 +103,7 @@ export default function book(state = initialState, action) {
         ? bySubjectFilter.filter((item1) => item1.name.indexOf(search) !== -1)
         : bySubjectFilter;
 
-      if (sort === "گران ترین") {
+      if (sort === window.t("گران ترین")) {
         finalSort = bySearchFilter.sort((item1, item2) => {
           return item1.product[0].price - item2.product[0].price;
         });

src/Redux/reducers/comment.js

@@ -14,7 +14,7 @@ export default function comment(state = initialState, action) {
     case "comment/update":
       return { ...state, loading: false, error: null };
     case "comment/add":
-      toast.success("ثبت درخواست با موفقیت انجام شد");
+      toast.success(window.t("ثبت درخواست با موفقیت انجام شد"));
       return { ...state, loading: false, error: null };
     case "comment/delete":
       return { ...state, loading: false, error: null };

src/Redux/reducers/public.js

@@ -19,19 +19,19 @@ const initialState = {
 };
 
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default function publicApi(state = initialState, action) {
   let { type, data } = action;
@@ -43,7 +43,7 @@ export default function publicApi(state = initialState, action) {
       //  if (window.innerWidth > 1000) {
 
       const jadidTarin = data?.filter(
-        (item) => item.title === "کتاب‌های دانوین"
+        (item) => item.title === window.t("کتاب‌های دانوین")
       );
       itemsLevel =
         jadidTarin && jadidTarin[0] && jadidTarin[0].data
@@ -52,7 +52,7 @@ export default function publicApi(state = initialState, action) {
               .sort((a, b) => a - b)
               .map((e) => grades[e])
           : [];
-      itemsLevel.unshift("پایه تحصیلی");
+      itemsLevel.unshift(window.t(window.t("پایه تحصیلی")));
       //  }
 
       return {
@@ -69,7 +69,7 @@ export default function publicApi(state = initialState, action) {
     case "public/filter":
       const realList =
         state.newProducts.length === 0
-          ? state.homeData.filter((item) => item.title === "کتاب‌های دانوین")[0]
+          ? state.homeData.filter((item) => item.title === window.t("کتاب‌های دانوین"))[0]
               .data
           : state.newProducts;
       if (state.newProducts.length === 0) {
@@ -88,7 +88,7 @@ export default function publicApi(state = initialState, action) {
           loading: false,
           error: null,
           homeData: state.homeData.map((item) =>
-            item.title === "کتاب‌های دانوین"
+            item.title === window.t("کتاب‌های دانوین")
               ? { ...item, data: state.newProducts }
               : { ...item }
           ),
@@ -124,7 +124,7 @@ export default function publicApi(state = initialState, action) {
       const bySearchFilter = search
         ? byLevelFilter.filter((item1) => item1.name.indexOf(search) !== -1)
         : byLevelFilter;
-      // if (sort === "گران ترین") {
+      // if (sort === window.t("گران ترین")) {
       //   finalSort = bySearchFilter.sort((item1, item2) => {
       //     return item1.product[0].price - item2.product[0].price;
       //   });
@@ -137,7 +137,7 @@ export default function publicApi(state = initialState, action) {
         loading: false,
         error: null,
         homeData: state.homeData.map((item) =>
-          item.title === "کتاب‌های دانوین"
+          item.title === window.t("کتاب‌های دانوین")
             ? { ...item, data: bySearchFilter }
             : { ...item }
         ),

src/Redux/reducers/transport.js

@@ -17,7 +17,7 @@ export default function transport(state = initialState, action) {
     case "transport/add":
       return { ...state, loading: false, error: null };
     case "transport/setTransport":
-      toast.success("روش ارسال با موفقیت تغییر یافت!");
+      toast.success(window.t("روش ارسال با موفقیت تغییر یافت!"));
       return { ...state, loading: false, error: null };
     case "transport/delete":
       return { ...state, loading: false, error: null };

src/Redux/reducers/user.js

@@ -17,11 +17,11 @@ export default function user(state = initialState, action) {
     case "user/register":
     case "user/switchRole":
     case "public/sendOTP":
-      toast.success("کد به شماره شما ارسال گردید.");
+      toast.success(window.t("کد به شماره شما ارسال گردید."));
       return { ...state, loading: false, status: data.profile, error: null };
     case "user/otp/login":
       // window.location = "https://dnvn.ir/?" + Math.random();
-      toast.success("به دانوین خوش آمدید.");
+      toast.success(window.t("به دانوین خوش آمدید."));
 
       return {
         ...state,

src/Redux/reducers/userFactor.js

@@ -17,10 +17,10 @@ export default function userFactor(state = initialState, action) {
     case "userFactor/info":
       return { ...state, loading: false, info: data, error: null };
     case "userFactor/update":
-      toast.success("درخواست شما با موفقیت انجام شد.");
+      toast.success(window.t("درخواست شما با موفقیت انجام شد."));
       return { ...state, loading: false, error: null };
     case "userFactor/add":
-      toast.success("درخواست شما با موفقیت انجام شد.");
+      toast.success(window.t("درخواست شما با موفقیت انجام شد."));
       return { ...state, loading: false, error: null, sum: data.payPrice };
     case "userFactor/deleteUserOffCode":
       return { ...state, loading: false, error: null };

src/Redux/reducers/userProduct.js

@@ -37,7 +37,7 @@ export default function userProduct(state = initialState, action) {
       return { ...state, loading: false, error: null };
     case "userProduct/add":
       if (window.location.pathname.indexOf("products") !== -1) {
-        toast.success("درخواست شما با موفقیت انجام شد.");
+        toast.success(window.t("درخواست شما با موفقیت انجام شد."));
       }
       return { ...state, loading: false, error: null, sum: data.payPrice };
     case "userProduct/delete":

src/views/AR/Item/index.js

@@ -1,19 +1,19 @@
 import React, { Component } from "react";
 
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default class Item extends Component {
   render() {

src/views/About/index.js

@@ -28,7 +28,7 @@ const fontSize = {
 export default class About extends Component {
   state = {
     first: {
-      title: "درباره ما",
+      title: window.t("درباره ما"),
       text: "ما در دانوین با هدف ایجاد زیرساخت تعاملی و آموزشی با تولید محتوایی جذاب بصورت کتاب با کمک پلتفرم دانوین، قصد تغییراتی بنیادین در نظام آموزش و پرورش کشور داریم. دانوین پلتفرمی شامل کتاب، محتوای الکترونیکی، رویه های آموزشی، پشتیبانی علمی و نرم افزار ارائه خدمات با رویکرد مخاطب محور است.",
     },
     fury: {
@@ -37,29 +37,29 @@ export default class About extends Component {
     },
 
     keywords: {
-      title: "کیفیت آموزش را بالا میبریم",
+      title: window.t("کیفیت آموزش را بالا میبریم"),
       list: [
-        "شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن",
-        "شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی",
+        window.t("شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن"),
+        window.t("شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی"),
       ],
     },
     keywords2: {
-      title: "جذابیت کلید بهبود یادگیری",
+      title: window.t("جذابیت کلید بهبود یادگیری"),
       list: [
-        "بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین",
-        "سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد",
-        "در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول",
+        window.t("بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین"),
+        window.t("سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد"),
+        window.t("در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول"),
       ],
     },
     advantages: {
       title: "	مزیت رقابتی دانوین",
       list: [
-        "بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)",
-        "دارای رویکرد آموزش سرگرم کننده ",
-        "بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی",
-        "رویکرد معرفتی-ارزشی",
-        "ویدئو های منحصر بفرد",
-        "متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده",
+        window.t("بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)"),
+        window.t("دارای رویکرد آموزش سرگرم کننده "),
+        window.t("بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی"),
+        window.t("رویکرد معرفتی-ارزشی"),
+        window.t("ویدئو های منحصر بفرد"),
+        window.t("متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده"),
       ],
     },
   };

src/views/Auth/Login/Cellphone/index.js

@@ -48,7 +48,7 @@ export default class Cellphone extends Component {
                   }
                 >
                   <span style={{ fontSize: fontSize.desktop.span }}>09</span>
-                  <img src={iran} alt="پرچم" />
+                  <img src={iran} alt=window.t("پرچم") />
                   <input
                     style={{ fontSize: fontSize.desktop.span }}
                     id="cellphone"
@@ -93,7 +93,7 @@ export default class Cellphone extends Component {
               <div style={{ width: "48%", height: "100%", opacity: 0 }}>
                 <img
                   src={pic}
-                  alt="عکس"
+                  alt=window.t("عکس")
                   style={{ width: "100%", height: "100%" }}
                 />
               </div>
@@ -119,7 +119,7 @@ export default class Cellphone extends Component {
               }
             >
               <span style={{ fontSize: fontSize.mobile.span }}>09</span>
-              <img src={iran} alt="پرچم" />
+              <img src={iran} alt=window.t("پرچم") />
               <input
                 id="cellphone"
                 type="text"

src/views/Auth/Login/Code/index.js

@@ -208,7 +208,7 @@ export default class Code extends Component {
               <div style={{ width: "48%", height: "100%" }} className="d-flex">
                 {/* <img
                   src={pic}
-                  alt="عکس"
+                  alt=window.t("عکس")
                   style={{ width: "100%", height: "100%" }}
                 /> */}
               </div>

src/views/Auth/Profile/Birthdate/index.js

@@ -31,7 +31,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="day"
-              placeholder="روز"
+              placeholder=window.t("روز")
               maxLength={2}
               onInput={onInput.dayHandler}
               parent={{ onChange }}
@@ -41,7 +41,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="month"
-              placeholder="ماه"
+              placeholder=window.t("ماه")
               maxLength={2}
               onInput={onInput.monthHandler}
               parent={{ onChange }}
@@ -51,7 +51,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="year"
-              placeholder="سال"
+              placeholder=window.t("سال")
               maxLength={4}
               onInput={onInput.yearHandler}
               parent={{ onChange }}
@@ -67,7 +67,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="day"
-              placeholder="روز"
+              placeholder=window.t("روز")
               maxLength={2}
               onInput={onInput.dayHandler}
               parent={{ onChange }}
@@ -77,7 +77,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="month"
-              placeholder="ماه"
+              placeholder=window.t("ماه")
               maxLength={2}
               onInput={onInput.monthHandler}
               parent={{ onChange }}
@@ -87,7 +87,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="year"
-              placeholder="سال"
+              placeholder=window.t("سال")
               maxLength={4}
               onInput={onInput.yearHandler}
               parent={{ onChange }}

src/views/Auth/Profile/Document/index.js

@@ -51,7 +51,7 @@ export default function Document(props) {
                 }}
               >
                 {parent.state[name].name ||
-                  "گواهی تدریس  ثبت شده و درحال بررسی می باشد"}
+                  window.t("گواهی تدریس  ثبت شده و درحال بررسی می باشد")}
               </span>
             </>
           )}
@@ -100,7 +100,7 @@ export default function Document(props) {
                 }}
               >
                 {parent.state[name].name ||
-                  "گواهی تدریس  ثبت شده و درحال بررسی می باشد"}
+                  window.t("گواهی تدریس  ثبت شده و درحال بررسی می باشد")}
               </span>
             </>
           )}

src/views/Auth/Profile/Upload/index.js

@@ -53,7 +53,7 @@ export default function Upload(props) {
                     ? URL.createObjectURL(parent.state.file)
                     : window.baseURL + "file/" + parent.state.file
                 }
-                alt={"کاربر"}
+                alt={window.t("کاربر")}
               />
             )}
             <input

src/views/Auth/Profile/index.js

@@ -163,19 +163,19 @@ class Profile extends Component {
   render() {
     if (this.props.setDone) return <Navigate path="/" />;
     const grades = [
-      "پیش دبستان",
-      "اول",
-      "دوم",
-      "سوم",
-      "چهارم",
-      "پنجم",
-      "ششم",
-      "هفتم",
-      "هشتم",
-      "نهم",
-      "دهم",
-      "یازدهم",
-      "دوازدهم",
+      window.t("پیش دبستان"),
+      window.t("اول"),
+      window.t("دوم"),
+      window.t("سوم"),
+      window.t("چهارم"),
+      window.t("پنجم"),
+      window.t("ششم"),
+      window.t("هفتم"),
+      window.t("هشتم"),
+      window.t("نهم"),
+      window.t("دهم"),
+      window.t("یازدهم"),
+      window.t("دوازدهم"),
     ];
     const { profile } = this.props;
     return (
@@ -199,7 +199,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="firstName"
-                        label="نام"
+                        label=window.t("نام")
                         parent={this}
                         defaultValue={profile}
                         onInput={onInput.persianOnly}
@@ -209,7 +209,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="lastName"
-                        label="نام خانوادگی"
+                        label=window.t("نام خانوادگی")
                         parent={this}
                         defaultValue={profile}
                         onInput={onInput.persianOnly}
@@ -219,7 +219,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="username"
-                        label="نام کاربری"
+                        label=window.t(window.t("نام کاربری"))
                         parent={this}
                         defaultValue={profile}
                         align="left"
@@ -229,7 +229,7 @@ class Profile extends Component {
 
                     <div className="mb-2">
                       <Gender
-                        options={["دختر", "پسر"]}
+                        options={[window.t("دختر"), window.t("پسر")]}
                         parent={this}
                         name="gender"
                         selectedOption={this.state.gender}
@@ -238,7 +238,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="nationalId"
-                        label="کد ملی/اتباع"
+                        label=window.t("کد ملی/اتباع")
                         parent={this}
                         align="left"
                         maxLength={13}
@@ -261,9 +261,9 @@ class Profile extends Component {
                     <div className="mb-2" style={{ minWidth: "100%" }}>
                       <Gender
                         parent={this}
-                        options={["معلم", "دانش آموز"]}
+                        options={[window.t("معلم"), window.t("دانش آموز")]}
                         name="status"
-                        label={"عنوان"}
+                        label={window.t("عنوان")}
                         selectedOption={this.state.status}
                       />
                     </div>
@@ -273,7 +273,7 @@ class Profile extends Component {
                           parent={this}
                           options={grades}
                           name="gradeIds"
-                          label={"پایه تحصیلی"}
+                          label={window.t(window.t("پایه تحصیلی"))}
                           selectedOptions={this.state.gradeIds}
                         />
                       </div>
@@ -284,27 +284,27 @@ class Profile extends Component {
                           parent={this}
                           options={grades}
                           name="gradeIds"
-                          label={"پایه تحصیلی"}
+                          label={window.t(window.t("پایه تحصیلی"))}
                           selectedOptions={this.state.gradeIds}
                         />
                       </div>
                     ) : null}
 
-                    {this.state.status === "دانش آموز" &&
+                    {this.state.status === window.t("دانش آموز") &&
                     this.state.gradeIds > 9 ? (
                       <div className="mb-2">
                         <Select
                           parent={this}
                           options={[
-                            "ریاضی",
-                            "تجربی",
-                            "انسانی",
-                            "فنی حرفه‌ای",
-                            "کاردانش",
-                            "معارف",
+                            window.t("ریاضی"),
+                            window.t("تجربی"),
+                            window.t("انسانی"),
+                            window.t("فنی حرفه‌ای"),
+                            window.t("کاردانش"),
+                            window.t("معارف"),
                           ]}
                           name="field"
-                          label={"رشته تحصیلی"}
+                          label={window.t("رشته تحصیلی")}
                           selectedOptions={this.state.gradeIds}
                         />
                       </div>
@@ -314,7 +314,7 @@ class Profile extends Component {
                         parent={this}
                         options={this.props.provinceList}
                         name="provinceId"
-                        label={"استان"}
+                        label={window.t("استان")}
                         selectedOptions={this.state.provinceId}
                       />
                     </div>
@@ -323,7 +323,7 @@ class Profile extends Component {
                         parent={this}
                         options={this.props.cityList}
                         name="cityId"
-                        label={"شهرستان"}
+                        label={window.t("شهرستان")}
                         selectedOptions={this.state.cityId}
                       />
                     </div>
@@ -332,7 +332,7 @@ class Profile extends Component {
                         parent={this}
                         options={["chaharbagh", "mahalat"]}
                         name="zoneId"
-                        label={"شهر/روستا"}
+                        label={window.t("شهر/روستا")}
                       />
                     </div> */}
                     {this.state.status === 1 ? (
@@ -340,7 +340,7 @@ class Profile extends Component {
                         <Input
                           parent={this}
                           name="schools"
-                          label={"نام مدرسه"}
+                          label={window.t("نام مدرسه")}
                           defaultValue={profile}
                           onInput={onInput.persianOnly}
                         />
@@ -351,7 +351,7 @@ class Profile extends Component {
                         <Input
                           parent={this}
                           name="schools"
-                          label={"محل تدریس"}
+                          label={window.t("محل تدریس")}
                           defaultValue={profile}
                           onInput={onInput.persianOnly}
                         />
@@ -364,7 +364,7 @@ class Profile extends Component {
                       <Input
                         parent={this}
                         name="postalCode"
-                        label={"کد پستی"}
+                        label={window.t("کد پستی")}
                         align="left"
                         maxLength={10}
                         inputMode="numeric"
@@ -375,7 +375,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <TextArea
                         parent={this}
-                        label={"آدرس محل سکونت"}
+                        label={window.t("آدرس محل سکونت")}
                         name="address"
                         defaultValue={profile}
                       />
@@ -418,7 +418,7 @@ class Profile extends Component {
 
                 <Input
                   name="firstName"
-                  label="نام"
+                  label=window.t("نام")
                   parent={this}
                   defaultValue={profile}
                   onInput={onInput.persianOnly}
@@ -426,7 +426,7 @@ class Profile extends Component {
                 />
                 <Input
                   name="lastName"
-                  label="نام خانوادگی"
+                  label=window.t("نام خانوادگی")
                   parent={this}
                   defaultValue={profile}
                   onInput={onInput.persianOnly}
@@ -434,14 +434,14 @@ class Profile extends Component {
                 />
                 <Input
                   name="username"
-                  label="نام کاربری"
+                  label=window.t(window.t("نام کاربری"))
                   parent={this}
                   align="left"
                   defaultValue={profile}
                   onInput={onInput.englishAndNumberWithoutSpace}
                 />
                 <Gender
-                  options={["دختر", "پسر"]}
+                  options={[window.t("دختر"), window.t("پسر")]}
                   parent={this}
                   name="gender"
                   selectedOption={this.state.gender}
@@ -463,7 +463,7 @@ class Profile extends Component {
                 />
                 <Gender
                   parent={this}
-                  options={["معلم", "دانش آموز"]}
+                  options={[window.t("معلم"), window.t("دانش آموز")]}
                   name="status"
                   selectedOption={this.state.status}
                 />
@@ -472,7 +472,7 @@ class Profile extends Component {
                     parent={this}
                     options={grades}
                     name="gradeIds"
-                    label={"پایه تحصیلی"}
+                    label={window.t(window.t("پایه تحصیلی"))}
                     selectedOptions={this.state.gradeIds}
                   />
                 ) : null}
@@ -481,7 +481,7 @@ class Profile extends Component {
                     parent={this}
                     options={grades}
                     name="gradeIds"
-                    label={"پایه تحصیلی"}
+                    label={window.t(window.t("پایه تحصیلی"))}
                     selectedOptions={this.state.gradeIds}
                   />
                 ) : null}
@@ -489,15 +489,15 @@ class Profile extends Component {
                   <Select
                     parent={this}
                     options={[
-                      "ریاضی",
-                      "تجربی",
-                      "انسانی",
-                      "فنی حرفه‌ای",
-                      "کاردانش",
-                      "معارف",
+                      window.t("ریاضی"),
+                      window.t("تجربی"),
+                      window.t("انسانی"),
+                      window.t("فنی حرفه‌ای"),
+                      window.t("کاردانش"),
+                      window.t("معارف"),
                     ]}
                     name="field"
-                    label={"رشته تحصیلی"}
+                    label={window.t("رشته تحصیلی")}
                     selectedOptions={this.state.gradeIds}
                   />
                 ) : null}
@@ -506,27 +506,27 @@ class Profile extends Component {
                   parent={this}
                   options={this.props.provinceList}
                   name="provinceId"
-                  label={"استان"}
+                  label={window.t("استان")}
                   selectedOptions={this.state.provinceId}
                 />
                 <Select
                   parent={this}
                   options={this.props.cityList}
                   name="cityId"
-                  label={"شهرستان"}
+                  label={window.t("شهرستان")}
                   selectedOptions={this.state.cityId}
                 />
                 {/* <Select
                 parent={this}
                 options={["chaharbagh", "mahalat"]}
                 name="zoneId"
-                label={"شهر/روستا"}
+                label={window.t("شهر/روستا")}
               /> */}
                 {this.state.status === 1 ? (
                   <Input
                     parent={this}
                     name="schools"
-                    label={"نام مدرسه"}
+                    label={window.t("نام مدرسه")}
                     defaultValue={profile}
                     onInput={onInput.persianOnly}
                   />
@@ -535,7 +535,7 @@ class Profile extends Component {
                   <Input
                     parent={this}
                     name="schools"
-                    label={"محل تدریس"}
+                    label={window.t("محل تدریس")}
                     defaultValue={profile}
                     onInput={onInput.persianOnly}
                   />
@@ -546,7 +546,7 @@ class Profile extends Component {
                 <Input
                   parent={this}
                   name="postalCode"
-                  label={"کد پستی"}
+                  label={window.t("کد پستی")}
                   align="left"
                   maxLength={10}
                   inputMode="numeric"
@@ -555,7 +555,7 @@ class Profile extends Component {
                 />
                 <TextArea
                   parent={this}
-                  label={"آدرس محل سکونت"}
+                  label={window.t("آدرس محل سکونت")}
                   name="address"
                   defaultValue={profile}
                 />

src/views/Auth/Splash/index.js

@@ -9,14 +9,14 @@ export default function Splash(props) {
     <>
       {window.innerWidth > 1000 ? (
         <div className="splash d-flex flex-column justify-content-center align-items-center">
-          <img src={logo} alt="لوگو" />
+          <img src={logo} alt=window.t("لوگو") />
           <ProgressBar interval={600} offset={10} />
           <span className="splash__span">در حال بارگیری اطلاعات از سرور</span>
         </div>
       ) : null}
       {window.innerWidth < 1000 ? (
         <div className="mobile-splash d-flex flex-column justify-content-center align-items-center">
-          <img src={logo} alt="لوگو" />
+          <img src={logo} alt=window.t("لوگو") />
           <ProgressBar interval={600} offset={10} />
           <span className="mobile-splash__span">در حال بارگیری اطلاعات از سرور</span>
         </div>

src/views/Callback/Status/index.js

@@ -12,8 +12,8 @@ export default function Status(props) {
 
   const textHandler = () => {
     return props.status
-      ? "عملیات خرید شما با موفقیت انجام شد."
-      : "عملیات با موفقیت انجام نشد!";
+      ? window.t("عملیات خرید شما با موفقیت انجام شد.")
+      : window.t("عملیات با موفقیت انجام نشد!");
   };
   return (
     <>

src/views/Cart/Table/index.js

@@ -17,19 +17,19 @@ const useStyles = makeStyles({
   table: {},
 });
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const maxMobileSize = 550;
 const maxDesktopSize = 1250;
@@ -196,7 +196,7 @@ const Item = (props) => {
               <div className="mobile-cart-table-product__info d-flex flex-column p-1">
                 <strong style={{ fontSize: fontSize.mobile.info.strong }}>
                   {`نسخه ${
-                    +data.product.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   } ${data.product.book.name} `}
                 </strong>
                 <p style={{ fontSize: 12 }}>
@@ -204,7 +204,7 @@ const Item = (props) => {
                 </p>
                 <span style={{ fontSize: 10 }}>
                   همراه با:
-                  {data.product.book.items || "کد فعالسازی محتوای الکترونیک"}
+                  {data.product.book.items || window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
                 {route !== "callback" ? (
                   <div className="mobile-cart-table-product__info--delete d-flex align-items-center align-self-end">
@@ -319,7 +319,7 @@ const Item = (props) => {
               <div className="d-flex flex-column justify-content-center">
                 <strong style={{ fontSize: fontSize.desktop.info.strong }}>
                   {`نسخه ${
-                    +data.product?.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product?.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   } ${data.product?.book?.name} `}
                 </strong>
                 <p style={{ fontSize: fontSize?.desktop?.info.p }}>
@@ -327,7 +327,7 @@ const Item = (props) => {
                 </p>
                 <span style={{ fontSize: fontSize.desktop.info.span }}>
                   همراه با:
-                  {data.product?.book?.items || "کد فعالسازی محتوای الکترونیک"}
+                  {data.product?.book?.items || window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
               </div>
             </div>

src/views/ChatList/Search/index.js

@@ -17,9 +17,9 @@ export default function Search(props) {
       <input
         type="search"
         style={{ fontSize: fontSize.desktop.input }}
-        placeholder="جستجو"
+        placeholder=window.t(window.t("جستجو"))
       />
-      <img src={navbarSearch} alt="جستجو" />
+      <img src={navbarSearch} alt=window.t(window.t("جستجو")) />
     </div>
   );
 }

src/views/ChatRoom/Body/Input/index.js

@@ -145,7 +145,7 @@ export default class ChatInputs extends Component {
               id="standard-textarea"
               label=""
               value={message}
-              placeholder="یک پیام بنویسید..."
+              placeholder=window.t("یک پیام بنویسید...")
               rowsMax={4}
               onChange={(e) => typeText("text", e.target.value)}
               multiline

src/views/ChatRoom/Body/Message/Comment/index.js

@@ -11,15 +11,15 @@ import ForwardIcon from "@material-ui/icons/Forward";
 import DeleteIcon from "@material-ui/icons/Delete";
 import ScheduleIcon from "@material-ui/icons/Schedule";
 const menu = [
-  { text: "پسند", icon: FavoriteIcon, onClick: () => {} },
-  { text: "تبادل نظر", icon: TextsmsIcon, onClick: () => {} },
-  { text: "پاسخ", icon: ReplyIcon, onClick: () => {} },
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("پسند"), icon: FavoriteIcon, onClick: () => {} },
+  { text: window.t("تبادل نظر"), icon: TextsmsIcon, onClick: () => {} },
+  { text: window.t("پاسخ"), icon: ReplyIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
 ];
 const selfMenu = [
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
-  { text: "ویرایش", icon: EditIcon, onClick: () => {} },
-  { text: "حذف", icon: DeleteIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("ویرایش"), icon: EditIcon, onClick: () => {} },
+  { text: window.t(window.t("حذف")), icon: DeleteIcon, onClick: () => {} },
 ];
 export default class Comment extends Component {
   state = { messageMenu: null };

src/views/ChatRoom/Body/Message/Inline/index.js

@@ -8,7 +8,7 @@ export default class Message2D extends Component {
   click(id) {
     if (this.props.isActive) {
       this.setState({ value: id });
-      toast.success("ثبت شد");
+      toast.success(window.t("ثبت شد"));
       this.props.action();
     }
   }

src/views/ChatRoom/Body/Message/MultiSelect/index.js

@@ -33,7 +33,7 @@ export default class RadioMessage extends Component {
         {isActive && (
           <button
             className="message-2d__submit"
-            onClick={() => toast.success("ثبت شد")}
+            onClick={() => toast.success(window.t("ثبت شد"))}
           >
             ثبت
             <ArrowRightAltIcon

src/views/ChatRoom/Body/Message/Normal/index.js

@@ -19,15 +19,15 @@ import TextsmsIcon from "@material-ui/icons/Textsms";
 import ScheduleIcon from "@material-ui/icons/Schedule";
 const file = (fileId) => `${window.baseURL}/file/download/${fileId}`;
 const menu = [
-  { text: "پسند", icon: FavoriteIcon, onClick: () => {} },
-  { text: "تبادل نظر", icon: TextsmsIcon, onClick: () => {} },
-  { text: "پاسخ", icon: ReplyIcon, onClick: () => {} },
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("پسند"), icon: FavoriteIcon, onClick: () => {} },
+  { text: window.t("تبادل نظر"), icon: TextsmsIcon, onClick: () => {} },
+  { text: window.t("پاسخ"), icon: ReplyIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
 ];
 const selfMenu = [
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
-  { text: "ویرایش", icon: EditIcon, onClick: () => {} },
-  { text: "حذف", icon: DeleteIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("ویرایش"), icon: EditIcon, onClick: () => {} },
+  { text: window.t(window.t("حذف")), icon: DeleteIcon, onClick: () => {} },
 ];
 export default class NormalMessage extends Component {
   state = { messageMenu: null };

src/views/ChatRoom/Body/index.js

@@ -171,7 +171,7 @@ class List extends Component {
               createdAt: now.toString(),
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -202,7 +202,7 @@ class List extends Component {
             music: null,
             user: {
               id: "u1",
-              name: "علی",
+              name: window.t("علی"),
             },
           },
         ],
@@ -234,7 +234,7 @@ class List extends Component {
               music: null,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -263,7 +263,7 @@ class List extends Component {
               music: null,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -292,7 +292,7 @@ class List extends Component {
               music: music,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -322,7 +322,7 @@ class List extends Component {
               music: null,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],

src/views/ChatRoom/Info/index.js

@@ -75,12 +75,12 @@ export default class ChatInfo extends Component {
         ],
         username: "MohammadReza",
         educationalInfo: [
-          "استاد علوم طبیعی پایه دوازدهم",
-          "کارشناس ارشد علوم و فنون از دانشگاه تهران",
+          window.t("استاد علوم طبیعی پایه دوازدهم"),
+          window.t("کارشناس ارشد علوم و فنون از دانشگاه تهران"),
         ],
-        name: "محسن محمدی",
-        lastAct: "2 دقیقه پیش آنلاین بوده",
-        bio: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام",
+        name: window.t("محسن محمدی"),
+        lastAct: window.t("2 دقیقه پیش آنلاین بوده"),
+        bio: window.t("لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام"),
       },
     };
   }
@@ -136,7 +136,7 @@ export default class ChatInfo extends Component {
                 <img
                   className="desktop-contact-info__body--profileImage"
                   src={user.profileImages[0].src}
-                  alt="عکس کاربر"
+                  alt=window.t("عکس کاربر")
                 />
                 <h1 style={{ fontSize: fontSize.desktop.h1 }}>{user.name}</h1>
                 <div className="desktop-contact-info__body--bio d-flex flex-column">
@@ -173,7 +173,7 @@ export default class ChatInfo extends Component {
                   <div>
                     <h3 style={{ fontSize: fontSize.desktop.h3 }}>اعلانات</h3>
                     <span style={{ fontSize: fontSize.desktop.span }}>
-                      {alarms ? "روشن " : "خاموش"}
+                      {alarms ? "روشن " : window.t("خاموش")}
                     </span>
                   </div>
                   <AntSwitch
@@ -243,7 +243,7 @@ export default class ChatInfo extends Component {
                 <img
                   className="desktop-contact-info__body--profileImage"
                   src={user.profileImages[0].src}
-                  alt="عکس کاربر"
+                  alt=window.t("عکس کاربر")
                 />
                 <h1 style={{ fontSize: fontSize.mobile.h1 }}>{user.name}</h1>
                 <div className="desktop-contact-info__body--bio d-flex flex-column">
@@ -280,7 +280,7 @@ export default class ChatInfo extends Component {
                   <div>
                     <h3 style={{ fontSize: fontSize.mobile.h3 }}>اعلانات</h3>
                     <span style={{ fontSize: fontSize.mobile.span }}>
-                      {alarms ? "روشن " : "خاموش"}
+                      {alarms ? "روشن " : window.t("خاموش")}
                     </span>
                   </div>
                   <AntSwitch

src/views/Checkout/Table/index.js

@@ -16,19 +16,19 @@ const useStyles = makeStyles({
   table: {},
 });
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const maxMobileSize = 550;
 const maxDesktopSize = 1250;
@@ -158,7 +158,7 @@ const Item = (props) => {
               <div className="mobile-cart-table-product__info d-flex flex-column p-1">
                 <strong style={{ fontSize: fontSize.mobile.info.strong }}>
                   {`نسخه ${
-                    +data.product.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   } ${data.product.book.name} `}
                 </strong>
                 <p style={{ fontSize: 12 }}>
@@ -166,7 +166,7 @@ const Item = (props) => {
                 </p>
                 <span style={{ fontSize: 10 }}>
                   همراه با:
-                  {data.product.book.items || "کد فعالسازی محتوای الکترونیک"}
+                  {data.product.book.items || window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
               </div>
             </div>
@@ -210,7 +210,7 @@ const Item = (props) => {
                 <span style={{ fontSize: 12 }}>
                   {" "}
                   {`نسخه ${
-                    +data.product.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   }`}
                 </span>
 

src/views/Checkout/index.js

@@ -193,7 +193,7 @@ class Cart extends Component {
                       <div class="checkout__forms--right">
                         <Input
                           name="recieverName"
-                          label={"نام ‌و ‌نام  خانوادگی"}
+                          label={window.t("نام ‌و ‌نام  خانوادگی")}
                           parent={this}
                           defaultValue={factorInfo.recieverName}
                           onInput={onInput.persianOnly}
@@ -203,14 +203,14 @@ class Cart extends Component {
                           parent={this}
                           options={this.props.provinceList}
                           name="provinceId"
-                          label={"استان"}
+                          label={window.t("استان")}
                           selectedOptions={provinceId}
                           required
                         />
                         <Input
                           parent={this}
                           name="recieverPostalCode"
-                          label={"کد پستی"}
+                          label={window.t("کد پستی")}
                           align="left"
                           maxLength={10}
                           inputMode="numeric"
@@ -230,7 +230,7 @@ class Cart extends Component {
                       </div>
                       <div class="checkout__forms--left">
                         <Input
-                          label={"شماره تماس"}
+                          label={window.t(window.t(window.t("شماره تماس")))}
                           name={"recieverPhone"}
                           parent={this}
                           defaultValue={factorInfo.recieverPhone}
@@ -241,7 +241,7 @@ class Cart extends Component {
                           parent={this}
                           options={this.props.cityList}
                           name="cityId"
-                          label={"شهرستان"}
+                          label={window.t("شهرستان")}
                           selectedOptions={cityId}
                           required
                         />
@@ -249,7 +249,7 @@ class Cart extends Component {
                         <div style={{ height: "60px" }}> </div>
                         <TextArea
                           parent={this}
-                          label={"توضیحات"}
+                          label={window.t("توضیحات")}
                           name="description"
                           defaultValue={factorInfo.description}
                         />
@@ -369,14 +369,14 @@ class Cart extends Component {
                 <div class="checkout__forms--right2">
                   <Input
                     name="recieverName"
-                    label={"نام ‌و ‌نام  خانوادگی"}
+                    label={window.t("نام ‌و ‌نام  خانوادگی")}
                     parent={this}
                     defaultValue={factorInfo.recieverName}
                     onInput={onInput.persianOnly}
                     required
                   />
                   <Input
-                    label={"شماره تماس"}
+                    label={window.t(window.t(window.t("شماره تماس")))}
                     name={"recieverPhone"}
                     parent={this}
                     defaultValue={factorInfo.recieverPhone}
@@ -386,7 +386,7 @@ class Cart extends Component {
                     parent={this}
                     options={this.props.provinceList}
                     name="provinceId"
-                    label={"استان"}
+                    label={window.t("استان")}
                     selectedOptions={provinceId}
                     required
                   />
@@ -394,14 +394,14 @@ class Cart extends Component {
                     parent={this}
                     options={this.props.cityList}
                     name="cityId"
-                    label={"شهرستان"}
+                    label={window.t("شهرستان")}
                     selectedOptions={cityId}
                     required
                   />
                   <Input
                     parent={this}
                     name="recieverPostalCode"
-                    label={"کد پستی"}
+                    label={window.t("کد پستی")}
                     align="left"
                     maxLength={10}
                     inputMode="numeric"
@@ -421,7 +421,7 @@ class Cart extends Component {
 
                   <TextArea
                     parent={this}
-                    label={"توضیحات"}
+                    label={window.t("توضیحات")}
                     name="description"
                     defaultValue={factorInfo.description}
                   />

src/views/Contact/index.js

@@ -58,7 +58,7 @@ class Contact extends Component {
                   </div>
                   <div className="contact__forms--left d-flex flex-column">
                     <div className="contact__location d-flex align-items-center">
-                      <img src={location} alt="آدرس" className="m-1" />
+                      <img src={location} alt=window.t("آدرس") className="m-1" />
                       <p style={{ fontSize: fontSize.desktop.p }}>
                         {contactData?.address || ""}
                       </p>
@@ -71,13 +71,13 @@ class Contact extends Component {
                         <span style={{ fontSize: fontSize.desktop.span }}>
                           {contactData?.cellphone || ""}
                         </span>
-                        <img src={contact} alt="تماس" className="m-1" />
+                        <img src={contact} alt=window.t("تماس") className="m-1" />
                       </div>
                       <div className="d-flex align-items-center">
                         <span style={{ fontSize: fontSize.desktop.span }}>
                           {contactData?.email || ""}
                         </span>
-                        <img src={home} alt="خانه" className="m-1" />
+                        <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                       </div>
                     </div>
                     <div className="contact__map d-flex align-items-center mt-3">
@@ -106,7 +106,7 @@ class Contact extends Component {
               <Support />
               <div className="mobile-contact__address d-flex flex-column">
                 <div className="mobile-contact__address--location d-flex align-items-center">
-                  <img src={location} alt="آدرس" className="m-1" />
+                  <img src={location} alt=window.t("آدرس") className="m-1" />
                   <p style={{ fontSize: fontSize.mobile.p }}>
                     {contactData?.address || ""}{" "}
                   </p>
@@ -119,13 +119,13 @@ class Contact extends Component {
                     <span style={{ fontSize: fontSize.mobile.span }}>
                       {contactData?.cellphone || ""}{" "}
                     </span>
-                    <img src={contact} alt="تماس" className="m-1" />
+                    <img src={contact} alt=window.t("تماس") className="m-1" />
                   </div>
                   <div className="d-flex align-items-center">
                     <span style={{ fontSize: fontSize.mobile.span }}>
                       {contactData?.email || ""}
                     </span>
-                    <img src={home} alt="خانه" className="m-1" />
+                    <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                   </div>
                 </div>
                 <div className="mobile-contact__address--map d-flex align-items-center mt-3">

src/views/Download/Item/index.js

@@ -16,19 +16,19 @@ const fontSize = {
   },
 };
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default class Item extends Component {
   render() {

src/views/Download/index.js

@@ -45,7 +45,7 @@ class AR extends Component {
           >
             <img
               src="https://dnvn.ir/api/v1/file/1851"
-              alt="واقعیت افزوده"
+              alt=window.t(window.t("واقعیت افزوده"))
               width="150"
             />
           </div>

src/views/Faq/index.js

@@ -99,7 +99,7 @@ class Faq extends Component {
                   <div className="faq__header--search d-flex align-items-center">
                     <input
                       type="search"
-                      placeholder="دنبال چه چیزی برات باشیم؟"
+                      placeholder=window.t("دنبال چه چیزی برات باشیم؟")
                       onChange={(e) => this.handleSearch(e.target.value)}
                     />
                     <button
@@ -150,7 +150,7 @@ class Faq extends Component {
               </h1>
               <input
                 type="search"
-                placeholder="دنبال چه چیزی برات باشیم؟"
+                placeholder=window.t("دنبال چه چیزی برات باشیم؟")
                 onChange={(e) => this.handleSearch(e.target.value)}
               />
               <button type="submit">جستجو</button>

src/views/Home/Footer/index.js

@@ -22,7 +22,7 @@ export default class Footer extends Component {
                     آموزش و پرورش کشور ایجاد کنیم.
                   </p>
                   <div className="footer__location d-flex align-items-center mt-2">
-                    <img src={location} alt="آدرس" className="m-1" />
+                    <img src={location} alt=window.t("آدرس") className="m-1" />
                     <p>آدرس: تهران، میدان فردوسی، خیابان موسوی، پلاک ۳۰</p>
                   </div>
                   <div
@@ -40,7 +40,7 @@ export default class Footer extends Component {
                         58795
                       </a>
 
-                      <img src={contact} alt="تماس" className="m-1" />
+                      <img src={contact} alt=window.t("تماس") className="m-1" />
                     </div>
                     {/* <div
                       className="d-flex align-items-center"
@@ -54,11 +54,11 @@ export default class Footer extends Component {
                       >
                         021-88814673
                       </a>
-                      <img src={contact} alt="تماس" className="m-1" />
+                      <img src={contact} alt=window.t("تماس") className="m-1" />
                     </div> */}
                     <div className="d-flex align-items-center">
                       <span>Info@Danovin.ir</span>
-                      <img src={home} alt="خانه" className="m-1" />
+                      <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                     </div>
                   </div>
                 </div>
@@ -103,7 +103,7 @@ export default class Footer extends Component {
                     کاربردی می باشد، کتابهای زیادی در شصت و سه{" "}
                   </p>
                   <div className="mobile-footer__location d-flex align-items-center mt-2">
-                    <img src={location} alt="آدرس" className="m-1" />
+                    <img src={location} alt=window.t("آدرس") className="m-1" />
                     <p>
                       تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار
                     </p>
@@ -114,11 +114,11 @@ export default class Footer extends Component {
                   >
                     <div className="d-flex align-items-center">
                       <span>02163462405</span>
-                      <img src={contact} alt="تماس" className="m-1" />
+                      <img src={contact} alt=window.t("تماس") className="m-1" />
                     </div>
                     <div className="d-flex align-items-center">
                       <span>Info@Danovin.ir</span>
-                      <img src={home} alt="خانه" className="m-1" />
+                      <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                     </div>
                   </div>
                 </div>
@@ -156,10 +156,10 @@ export default class Footer extends Component {
 
 Footer.defaultProps = {
   fastAccess: [
-    { name: "صفحه اصلی", link: "/" },
-    { name: "فروشگاه", link: "/shop" },
-    { name: "سوالات متداول", link: "/faq" },
-    { name: "درباره ما", link: "/about" },
-    { name: "تماس با ما", link: "/call" },
+    { name: window.t("صفحه اصلی"), link: "/" },
+    { name: window.t("فروشگاه"), link: "/shop" },
+    { name: window.t("سوالات متداول"), link: "/faq" },
+    { name: window.t("درباره ما"), link: "/about" },
+    { name: window.t("تماس با ما"), link: "/call" },
   ],
 };

src/views/Home/HomeHeader/index.js

@@ -42,7 +42,7 @@ const Item = (props) => {
     }}>
       <img
         src={props.data.image}
-        alt="عکس"
+        alt=window.t("عکس")
         style={{
           width: `${props.data.width}%`,
           height: "100%",

src/views/Home/HomeScroll/index.js

@@ -20,7 +20,7 @@ export default class HomeScroll extends Component {
           </div>
           <div className="mobile-home-scroll__header--more d-flex">
             <span>{moreText}</span>
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </div>
         </div>
         <div className="mobile-home-scroll__list d-flex">

src/views/Home/HomeSearch/Select/index.js

@@ -56,7 +56,7 @@ export default function CustomizedSelects(props) {
               filters: {
                 ...parent.state.filters,
                 [name]:
-                  e.target.value === "پایه تحصیلی" ? [] : [e.target.value],
+                  e.target.value === window.t(window.t("پایه تحصیلی")) ? [] : [e.target.value],
               },
             })
           }

src/views/Home/HomeSearch/index.js

@@ -28,7 +28,7 @@ class HomeSearch extends Component {
     return window.innerWidth > 1000 ? (
       <div className="home-search d-flex">
         <input
-          placeholder="جستجو در عناوین کتاب ..."
+          placeholder=window.t("جستجو در عناوین کتاب ...")
           className="home-search__input d-flex"
           type="text"
           name="searchBox"
@@ -40,7 +40,7 @@ class HomeSearch extends Component {
         />
         <div className="home-search__select">
           <Select options={levels} name="levels" parent={this} />
-          {/* <img src={dropdown} alt="فلش" style={{ position: "relative" }} /> */}
+          {/* <img src={dropdown} alt=window.t("فلش") style={{ position: "relative" }} /> */}
         </div>
         <button className="home-search__submit">جستجو</button>
       </div>
@@ -49,13 +49,13 @@ class HomeSearch extends Component {
         <div className="home-mobile-search d-flex">
           <div className="home-mobile-search__select" style={{ width: "100%" }}>
             <Select options={levels} name="levels" parent={this} />
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </div>
         </div>
         <div className="home-mobile-search  ">
           <input
             ref="input"
-            placeholder="نام یک کتاب را جستجو کنید"
+            placeholder=window.t("نام یک کتاب را جستجو کنید")
             className="home-mobile-search__input "
             type="text"
             name="searchBox"

src/views/Home/HomeSlider/Blog/index.js

@@ -18,10 +18,10 @@ const fontSize = {
 };
 
 const colors = [
-  { name: "علمی تخیلی", color: "red" },
-  { name: "سیاسی", color: "blue" },
-  { name: "تاریخی", color: "orange" },
-  { name: "ورزشی", color: "yellow" },
+  { name: window.t("علمی تخیلی"), color: "red" },
+  { name: window.t("سیاسی"), color: "blue" },
+  { name: window.t("تاریخی"), color: "orange" },
+  { name: window.t("ورزشی"), color: "yellow" },
 ];
 export default class Simple extends Component {
   render() {
@@ -132,7 +132,7 @@ export default class Simple extends Component {
                   </div>
                 </div>
                 <Link to={`/blogs/${data.id}`}>
-                  {data.buttonText || "ادامه مطلب"}
+                  {data.buttonText || window.t(window.t("ادامه مطلب"))}
                 </Link>
               </div>
               <span

src/views/Home/HomeSlider/index.js

@@ -34,7 +34,7 @@ const SimpleHeader = (props) => {
               className="home-scroll__header--more d-flex align-items-center"
             >
               <span style={{ fontSize: fontSize.desktop.h1 }}>بیشتر</span>
-              <img src={dropdown} alt="فلش" />
+              <img src={dropdown} alt=window.t("فلش") />
             </Link>
           ) : null}
         </div>
@@ -51,7 +51,7 @@ const SimpleHeader = (props) => {
               className="mobile-home-scroll__header--more d-flex align-items-center"
             >
               <span>بیشتر</span>
-              <img src={dropdown} alt="فلش" />
+              <img src={dropdown} alt=window.t("فلش") />
             </Link>
           ) : null} */}
         </div>
@@ -74,7 +74,7 @@ const TabHeader = (props) => {
             className="home-scroll__header--more d-flex align-items-center"
           >
             <span style={{ fontSize: fontSize.desktop.h1 }}>بیشتر</span>
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </Link> */}
         </div>
       ) : null}
@@ -86,7 +86,7 @@ const TabHeader = (props) => {
           </div>
           {/* <div className="mobile-home-scroll__header--more d-flex align-items-center">
             <span>بیشتر</span>
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </div> */}
         </div>
       ) : null}

src/views/Home/HomeStatic/Vitrin/index.js

@@ -53,7 +53,7 @@ const Item = (props) => {
     >
       <img
         src={`https://dnvn.ir/api/v1/file/${data.fileId}`}
-        alt={"عکس محصول"}
+        alt={window.t("عکس محصول")}
       />
     </div>
   );

src/views/Home/HomeStatic/index.js

@@ -87,7 +87,7 @@ const Item = (props) => {
           </div>
           <img
             src={`https://dnvn.ir/api/v1/file/${props.data.fileId}`}
-            alt="عکس"
+            alt=window.t("عکس")
           />
         </div>
       ) : (
@@ -100,7 +100,7 @@ const Item = (props) => {
         >
           <img
             src={`https://dnvn.ir/api/v1/file/${props.data.fileId}`}
-            alt="عکس"
+            alt=window.t("عکس")
             style={{ float: "left" }}
           />
           <div className="d-flex flex-column">

src/views/Home/Membership/index.js

@@ -16,8 +16,8 @@ class Membership extends Component {
               <p>مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید</p>
             </div>
             <div className="d-flex">
-              <Input label={"نام ‌و ‌نام خانوادگی"} name={"name"} />
-              <Input label={"شماره تماس"} name={"mobile"} />
+              <Input label={window.t("نام ‌و ‌نام خانوادگی")} name={"name"} />
+              <Input label={window.t(window.t(window.t("شماره تماس")))} name={"mobile"} />
               <button className="membership__submit">ثبت </button>
             </div>
           </div>
@@ -35,7 +35,7 @@ class Membership extends Component {
                 <Input label={"نام‌و‌نام خانوادگی"} name={"name"} />
               </div>
               <div>
-                <Input label={"شماره تماس"} name={"mobile"} />
+                <Input label={window.t(window.t(window.t("شماره تماس")))} name={"mobile"} />
               </div>
               <button className="mobile-membership__submit">ثبت </button>
             </div>

src/views/Home/Navbar/Laptop/index.js

@@ -36,7 +36,7 @@ class LaptopNavbar extends Component {
       <nav className="laptop-navbar d-flex">
         <div className="d-flex">
           <Link to="/" className="laptop-navbar__logo">
-            <img src={logo} alt="لوگو" />
+            <img src={logo} alt=window.t("لوگو") />
           </Link>
           <ul className="laptop-navbar__list d-flex">
             {links.map((item, i) => (
@@ -92,7 +92,7 @@ class LaptopNavbar extends Component {
                   width="20"
                   height="23"
                   src={basket}
-                  alt="سبد خرید"
+                  alt=window.t("سبد خرید")
                   style={{ marginRight: 5 }}
                 />
               </Link>
@@ -176,10 +176,10 @@ export default connect((state) => ({ status: state.user.status }), {
 })(LaptopNavbar);
 LaptopNavbar.defaultProps = {
   links: [
-    { name: "صفحه اصلی", to: "/", page: "home" },
-    { name: "فروشگاه", to: "/products", page: "products" },
-    { name: "سوالات متداول", to: "/faq", page: "faq" },
-    { name: "درباره ما", to: "/about", page: "about" },
-    { name: "پشتیبانی", to: "/contact", page: "contact" },
+    { name: window.t("صفحه اصلی"), to: "/", page: "home" },
+    { name: window.t("فروشگاه"), to: "/products", page: "products" },
+    { name: window.t("سوالات متداول"), to: "/faq", page: "faq" },
+    { name: window.t("درباره ما"), to: "/about", page: "about" },
+    { name: window.t("پشتیبانی"), to: "/contact", page: "contact" },
   ],
 };

src/views/Home/Navbar/Mobile/NavbarDrawer/NavbarDrawer.js

@@ -29,37 +29,37 @@ class NavbarDrawer extends Component {
     const statusx = proxy.status();
     this.links = [
       {
-        name: "صفحه اصلی",
+        name: window.t("صفحه اصلی"),
         link: "/",
-        icon: <img src={mobileHome} alt="صفحه اصلی" />,
+        icon: <img src={mobileHome} alt=window.t("صفحه اصلی") />,
         toast: "",
         message: "",
       },
       {
         name: "ورود یا ثبت نام",
         link: "/auth",
-        icon: <img src={mobileLogout} alt="کتاب‌های من" />,
+        icon: <img src={mobileLogout} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "درباره ما",
+        name: window.t("درباره ما"),
         link: "/about",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "فروشگاه",
+        name: window.t("فروشگاه"),
         link: "/products",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "سبد خرید",
+        name: window.t("سبد خرید"),
         link: "/cart",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
@@ -71,9 +71,9 @@ class NavbarDrawer extends Component {
         message: "",
       },
       {
-        name: "پشتیبانی",
+        name: window.t("پشتیبانی"),
         link: "/support",
-        icon: <img src={mobileDanger} alt="پشتیبانی" />,
+        icon: <img src={mobileDanger} alt=window.t("پشتیبانی") />,
         toast: "",
         message: "",
         // onClick: this.props.logout,
@@ -81,37 +81,37 @@ class NavbarDrawer extends Component {
     ];
     this.links2 = [
       {
-        name: "صفحه اصلی",
+        name: window.t("صفحه اصلی"),
         link: "/",
-        icon: <img src={mobileHome} alt="صفحه اصلی" />,
+        icon: <img src={mobileHome} alt=window.t("صفحه اصلی") />,
         toast: "",
         message: "",
       },
       {
-        name: "واقعیت افزوده",
+        name: window.t(window.t("واقعیت افزوده")),
         link: "/ar",
-        icon: <img src={mobileAr} alt="واقعیت افزوده" />,
+        icon: <img src={mobileAr} alt=window.t(window.t("واقعیت افزوده")) />,
         toast: "",
         message: "",
       },
       {
-        name: "بارکد خوان",
+        name: window.t("بارکد خوان"),
         link: "/qr-scan",
-        icon: <img src={qrcode} alt="بارکد خوان" />,
+        icon: <img src={qrcode} alt=window.t("بارکد خوان") />,
         toast: "",
         message: "",
       },
       {
-        name: "کتاب‌های من",
+        name: window.t("کتاب‌های من"),
         link: "/mybooks",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "سبد خرید",
+        name: window.t("سبد خرید"),
         link: "/cart",
-        icon: <img src={mobileBasket} alt="فروشگاه" />,
+        icon: <img src={mobileBasket} alt=window.t("فروشگاه") />,
         toast: "",
         message: "",
       },
@@ -123,31 +123,31 @@ class NavbarDrawer extends Component {
         message: "",
       },
       {
-        name: "دانوینی‌ها",
+        name: window.t("دانوینی‌ها"),
         link: "/",
-        icon: <img src={mobileProfile} alt="دانوینی‌ها" />,
-        toast: "به زودی این بخش فعال می شود",
+        icon: <img src={mobileProfile} alt=window.t("دانوینی‌ها") />,
+        toast: window.t("به زودی این بخش فعال می شود"),
         message: "به زودی",
       },
       {
-        name: "پشتیبانی",
+        name: window.t("پشتیبانی"),
         link: "/support",
-        icon: <img src={mobileDanger} alt="پشتیبانی" />,
+        icon: <img src={mobileDanger} alt=window.t("پشتیبانی") />,
         toast: "",
         message: "",
         // onClick: this.props.logout,
       },
       {
-        name: "ویرایش مشخصات",
+        name: window.t(window.t("ویرایش مشخصات")),
         link: "/profile",
-        icon: <img src={mobileMail} alt="ویرایش مشخصات" />,
+        icon: <img src={mobileMail} alt=window.t(window.t("ویرایش مشخصات")) />,
         toast: "",
         // message: "4 پیام",
       },
       {
-        name: "بروز رسانی",
+        name: window.t("بروز رسانی"),
         link: "/",
-        icon: <img src={mobileLogout} alt="خروج" />,
+        icon: <img src={mobileLogout} alt=window.t(window.t(window.t("خروج"))) />,
         toast: "",
         message: "",
         onClick: () => {
@@ -155,9 +155,9 @@ class NavbarDrawer extends Component {
         },
       },
       {
-        name: "خروج",
+        name: window.t(window.t(window.t("خروج"))),
         link: "/auth",
-        icon: <img src={mobileLogout} alt="خروج" />,
+        icon: <img src={mobileLogout} alt=window.t(window.t(window.t("خروج"))) />,
         toast: "",
         message: "",
         onClick: () => {

src/views/Home/Navbar/Mobile/index.js

@@ -18,7 +18,7 @@ function BackButton({ children }) {
   let history = useHistory();
   return (
     <div type="button" onClick={() => history.goBack()}>
-      <img src={back} alt="بازگشت" />
+      <img src={back} alt=window.t("بازگشت") />
     </div>
   );
 }
@@ -82,10 +82,10 @@ export default function MobileNavbar(props) {
             style={{ marginTop: 10 }}
             onClick={toggleDrawer("right", true)}
           >
-            <img src={hamburger} alt="منو" />
+            <img src={hamburger} alt=window.t("منو") />
           </div>
           <Link to="/" className="mobile-navbar__logo2" style={{}}>
-            <img src={logo} alt="لوگو" className="logo" />
+            <img src={logo} alt=window.t("لوگو") className="logo" />
           </Link>
         </div>
         <div className="mobile-navbar__left d-flex" style={{ marginLeft: 10 }}>
@@ -115,23 +115,23 @@ export default function MobileNavbar(props) {
         // style={{ transform: page !== "home" ? "translateX(-29px)" : "none" }}
       >
         <Link to="/">
-          <img src={logo} alt="لوگو" />
+          <img src={logo} alt=window.t("لوگو") />
         </Link>
       </div> */}
       <div
         className="mobile-navbar__menu"
         onClick={toggleDrawer("right", true)}
       >
-        <img src={hamburger} alt="منو" />
+        <img src={hamburger} alt=window.t("منو") />
         <Link to="/">
-          <img src={logo} alt="لوگو" className="logo" />
+          <img src={logo} alt=window.t("لوگو") className="logo" />
         </Link>
       </div>
 
       <div className="mobile-navbar__left">
         {page === "home" || page === "download" ? (
           <Link to={"/products"}>
-            <img src={search} alt="جستجو" />
+            <img src={search} alt=window.t(window.t("جستجو")) />
           </Link>
         ) : (
           <div className="d-flex align-items-center">
@@ -139,7 +139,7 @@ export default function MobileNavbar(props) {
               window.location.pathname !== "/mybooks" &&
               window.location.pathname !== "/profile" && (
                 <Link to={"/products"}>
-                  <img src={search} alt="جستجو" />
+                  <img src={search} alt=window.t(window.t("جستجو")) />
                 </Link>
               )}
             {window.location.pathname !== "/qr-scan" &&

src/views/MyBooks/index.js

@@ -6,19 +6,19 @@ import moment from "jalali-moment";
 import "./index.scss";
 import { Link } from "react-router-dom";
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 class MyBooks extends Component {
   componentDidMount() {

src/views/MyBooks_old/index.js

@@ -125,7 +125,7 @@ const Item = (props) => {
         <div className="mobile-products-product d-flex flex-column">
           <img
             src={`https://dnvn.ir/api/v1/file/${data.product.book.fileIds}`}
-            alt={"عکس مجصول"}
+            alt={window.t("عکس مجصول")}
           />
           <div className="mobile-products-product__info d-flex flex-column">
             <h1 style={{ fontSize: fontSize.mobile.h1 }}>
@@ -140,7 +140,7 @@ const Item = (props) => {
         <div className="products-product d-flex flex-column">
           <img
             src={`https://dnvn.ir/api/v1/file/${data.product.book.fileIds}`}
-            alt={"عکس مجصول"}
+            alt={window.t("عکس مجصول")}
           />
           <div className="mobile-products-product__info d-flex flex-column">
             <h1 style={{ fontSize: fontSize.desktop.h1 }}>

src/views/NewProfile/index.js

@@ -41,8 +41,8 @@ class NewProfile extends Component {
     username: "",
     address: "",
     email: "",
-    gender: "دختر",
-    userRoleId: "دانش آموز",
+    gender: window.t("دختر"),
+    userRoleId: window.t("دانش آموز"),
     nationalId: "",
     provinceId: "",
     phone: "",
@@ -67,7 +67,7 @@ class NewProfile extends Component {
   }
 
   onChange = (name, value) => {
-    if (name === "gardeId" && this.state.userRoleId === "معلم") {
+    if (name === "gardeId" && this.state.userRoleId === window.t("معلم")) {
       this.setState((prevState) => ({
         gradeId: [...prevState.gradeId, value],
       }));
@@ -187,19 +187,19 @@ class NewProfile extends Component {
   render() {
     const { profile } = this.props;
     const grades = [
-      "پیش دبستان",
-      "اول",
-      "دوم",
-      "سوم",
-      "چهارم",
-      "پنجم",
-      "ششم",
-      "هفتم",
-      "هشتم",
-      "نهم",
-      "دهم",
-      "یازدهم",
-      "دوازدهم",
+      window.t("پیش دبستان"),
+      window.t("اول"),
+      window.t("دوم"),
+      window.t("سوم"),
+      window.t("چهارم"),
+      window.t("پنجم"),
+      window.t("ششم"),
+      window.t("هفتم"),
+      window.t("هشتم"),
+      window.t("نهم"),
+      window.t("دهم"),
+      window.t("یازدهم"),
+      window.t("دوازدهم"),
     ];
     return (
       <>
@@ -221,7 +221,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="firstName"
-                      label="نام"
+                      label=window.t("نام")
                       parent={this}
                       defaultValue={profile}
                     />
@@ -229,7 +229,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="lastName"
-                      label="نام خانوادگی"
+                      label=window.t("نام خانوادگی")
                       parent={this}
                       defaultValue={profile}
                     />
@@ -237,7 +237,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="username"
-                      label="نام کاربری"
+                      label=window.t(window.t("نام کاربری"))
                       parent={this}
                       defaultValue={profile}
                       align="left"
@@ -246,7 +246,7 @@ class NewProfile extends Component {
 
                   <div className="mb-2">
                     <Gender
-                      options={["دختر", "پسر"]}
+                      options={[window.t("دختر"), window.t("پسر")]}
                       parent={this}
                       name="gender"
                       selectedOption={this.state.gender}
@@ -255,7 +255,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="nationalId"
-                      label="کد ملی"
+                      label=window.t("کد ملی")
                       parent={this}
                       align="left"
                       defaultValue={profile}
@@ -272,49 +272,49 @@ class NewProfile extends Component {
                   <div className="mb-2" style={{ minWidth: "100%" }}>
                     <Gender
                       parent={this}
-                      options={["معلم", "دانش آموز"]}
+                      options={[window.t("معلم"), window.t("دانش آموز")]}
                       name="userRoleId"
-                      label={"عنوان"}
+                      label={window.t("عنوان")}
                       selectedOption={this.state.userRoleId}
                     />
                   </div>
-                  {this.state.userRoleId === "دانش آموز" ? (
+                  {this.state.userRoleId === window.t("دانش آموز") ? (
                     <div className="mb-2">
                       <Select
                         parent={this}
                         options={grades}
                         name="gradeId"
-                        label={"پایه تحصیلی"}
+                        label={window.t(window.t("پایه تحصیلی"))}
                       />
                     </div>
                   ) : null}
-                  {this.state.userRoleId === "معلم" ? (
+                  {this.state.userRoleId === window.t("معلم") ? (
                     <div className="mb-2">
                       <MultipleSelector
                         parent={this}
                         options={grades}
                         name="gradeId"
-                        label={"پایه تحصیلی"}
+                        label={window.t(window.t("پایه تحصیلی"))}
                         selectedOptions={this.state.gradeId}
                       />
                     </div>
                   ) : null}
 
-                  {this.state.userRoleId === "دانش آموز" &&
+                  {this.state.userRoleId === window.t("دانش آموز") &&
                   this.state.gradeId > 9 ? (
                     <div className="mb-2">
                       <Select
                         parent={this}
                         options={[
-                          "ریاضی",
-                          "تجربی",
-                          "انسانی",
-                          "فنی حرفه‌ای",
-                          "کاردانش",
-                          "معارف",
+                          window.t("ریاضی"),
+                          window.t("تجربی"),
+                          window.t("انسانی"),
+                          window.t("فنی حرفه‌ای"),
+                          window.t("کاردانش"),
+                          window.t("معارف"),
                         ]}
                         name="field"
-                        label={"رشته تحصیلی"}
+                        label={window.t("رشته تحصیلی")}
                         selectedOptions={this.state.gradeId}
                       />
                     </div>
@@ -325,7 +325,7 @@ class NewProfile extends Component {
                       parent={this}
                       options={["karaj", "tehran"]}
                       name="province"
-                      label={"استان"}
+                      label={window.t("استان")}
                     />
                   </div>
                   <div className="mb-2">
@@ -333,7 +333,7 @@ class NewProfile extends Component {
                       parent={this}
                       options={["karaj", "tehran"]}
                       name="city"
-                      label={"شهرستان"}
+                      label={window.t("شهرستان")}
                     />
                   </div>
                   <div className="mb-2">
@@ -341,25 +341,25 @@ class NewProfile extends Component {
                       parent={this}
                       options={["chaharbagh", "mahalat"]}
                       name="zoneId"
-                      label={"شهر/روستا"}
+                      label={window.t("شهر/روستا")}
                     />
                   </div>
-                  {this.state.userRoleId === "دانش آموز" ? (
+                  {this.state.userRoleId === window.t("دانش آموز") ? (
                     <div className="mb-2">
                       <Input
                         parent={this}
                         name="schoolId"
-                        label={"نام مدرسه"}
+                        label={window.t("نام مدرسه")}
                         defaultValue={profile}
                       />
                     </div>
                   ) : null}
-                  {this.state.userRoleId === "معلم" ? (
+                  {this.state.userRoleId === window.t("معلم") ? (
                     <div className="mb-2">
                       <Input
                         parent={this}
                         name="schoolId"
-                        label={"محل تدریس"}
+                        label={window.t("محل تدریس")}
                         defaultValue={profile}
                       />
                     </div>
@@ -368,7 +368,7 @@ class NewProfile extends Component {
                     <Input
                       parent={this}
                       name="postalCode"
-                      label={"کد پستی"}
+                      label={window.t("کد پستی")}
                       align="left"
                       defaultValue={profile}
                     />
@@ -376,7 +376,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <TextArea
                       parent={this}
-                      label={"آدرس محل سکونت"}
+                      label={window.t("آدرس محل سکونت")}
                       name="address"
                     />
                   </div>
@@ -398,31 +398,31 @@ class NewProfile extends Component {
             <Upload name="file" parent={this} />
             <Input
               name="firstName"
-              label="نام"
+              label=window.t("نام")
               parent={this}
               onInput={this.forcePersian}
             />
             <Input
               name="lastName"
-              label="نام خانوادگی"
+              label=window.t("نام خانوادگی")
               parent={this}
               onInput={this.forcePersian}
             />
             <Input
               name="username"
-              label="نام کاربری"
+              label=window.t(window.t("نام کاربری"))
               parent={this}
               align="left"
             />
             <Gender
-              options={["دختر", "پسر"]}
+              options={[window.t("دختر"), window.t("پسر")]}
               parent={this}
               name="gender"
               selectedOption={this.state.gender}
             />
             <Input
               name="nationalId"
-              label="کد ملی"
+              label=window.t("کد ملی")
               parent={this}
               align="left"
               maxLength={10}
@@ -431,41 +431,41 @@ class NewProfile extends Component {
             <Birthdate />
             <Gender
               parent={this}
-              options={["معلم", "دانش آموز"]}
+              options={[window.t("معلم"), window.t("دانش آموز")]}
               name="userRoleId"
               selectedOption={this.state.userRoleId}
             />
-            {this.state.userRoleId === "دانش آموز" ? (
+            {this.state.userRoleId === window.t("دانش آموز") ? (
               <Select
                 parent={this}
                 options={grades}
                 name="gradeId"
-                label={"پایه تحصیلی"}
+                label={window.t(window.t("پایه تحصیلی"))}
               />
             ) : null}
-            {this.state.userRoleId === "معلم" ? (
+            {this.state.userRoleId === window.t("معلم") ? (
               <MultipleSelector
                 parent={this}
                 options={grades}
                 name="gradeId"
-                label={"پایه تحصیلی"}
+                label={window.t(window.t("پایه تحصیلی"))}
                 selectedOptions={this.state.gradeId}
               />
             ) : null}
-            {this.state.userRoleId === "دانش آموز" &&
+            {this.state.userRoleId === window.t("دانش آموز") &&
             Number(this.state.gradeId) > 9 ? (
               <Select
                 parent={this}
                 options={[
-                  "ریاضی",
-                  "تجربی",
-                  "انسانی",
-                  "فنی حرفه‌ای",
-                  "کاردانش",
-                  "معارف",
+                  window.t("ریاضی"),
+                  window.t("تجربی"),
+                  window.t("انسانی"),
+                  window.t("فنی حرفه‌ای"),
+                  window.t("کاردانش"),
+                  window.t("معارف"),
                 ]}
                 name="field"
-                label={"رشته تحصیلی"}
+                label={window.t("رشته تحصیلی")}
                 selectedOptions={this.state.gradeId}
               />
             ) : null}
@@ -474,36 +474,36 @@ class NewProfile extends Component {
               parent={this}
               options={["karaj", "tehran"]}
               name="provinceId"
-              label={"استان"}
+              label={window.t("استان")}
             />
             <Select
               parent={this}
               options={["karaj", "tehran"]}
               name="cityId"
-              label={"شهرستان"}
+              label={window.t("شهرستان")}
             />
             <Select
               parent={this}
               options={["chaharbagh", "mahalat"]}
               name="zoneId"
-              label={"شهر/روستا"}
+              label={window.t("شهر/روستا")}
             />
-            {this.state.userRoleId === "دانش آموز" ? (
-              <Input parent={this} name="schoolId" label={"نام مدرسه"} />
+            {this.state.userRoleId === window.t("دانش آموز") ? (
+              <Input parent={this} name="schoolId" label={window.t("نام مدرسه")} />
             ) : null}
-            {this.state.userRoleId === "معلم" ? (
-              <Input parent={this} name="schoolId" label={"محل تدریس"} />
+            {this.state.userRoleId === window.t("معلم") ? (
+              <Input parent={this} name="schoolId" label={window.t("محل تدریس")} />
             ) : null}
-            {this.state.userRoleId === "معلم" ? (
+            {this.state.userRoleId === window.t("معلم") ? (
               <Document parent={this} name="docFileIds" />
             ) : null}
             <Input
               parent={this}
               name="postalCode"
-              label={"کد پستی"}
+              label={window.t("کد پستی")}
               align="left"
             />
-            <TextArea parent={this} label={"آدرس محل سکونت"} name="address" />
+            <TextArea parent={this} label={window.t("آدرس محل سکونت")} name="address" />
             <div className="mobile-auth-profile__footer d-flex justify-content-center">
               <button onClick={() => this.onSubmit()}>‌ذخیره</button>
             </div>

src/views/Orders/index.js

@@ -5,19 +5,19 @@ import { userFactor } from "~/Redux/actions";
 import "./index.css";
 import moment from "jalali-moment";
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 class Orders extends Component {
   componentDidMount() {
@@ -61,7 +61,7 @@ class Orders extends Component {
                       className="order-data-container-item-row1-order-status-text"
                     >
                       {
-                        ["پرداخت نشده", "در حال پردازش", "ارسال شد", "لغو شد"][
+                        [window.t("پرداخت نشده"), window.t("در حال پردازش"), window.t(window.t("ارسال شد")), window.t("لغو شد")][
                           item.condition
                         ]
                       }

src/views/Product/AddToCart/index.js

@@ -107,7 +107,7 @@ function AddToCart(props) {
               style={{ fontSize: fontSize.desktop.button, opacity: 0.3 }}
               className="product-addtocart__box--digitalButton"
             >
-              {page === "digital" ? "کتاب چاپی" : "نسخه الکترونیک"}
+              {page === "digital" ? "کتاب چاپی" : window.t("نسخه الکترونیک")}
               <img src={ebook_blue} alt="" />
             </Link>
             <button
@@ -124,7 +124,7 @@ function AddToCart(props) {
                     count: 1,
                   });
                 else {
-                  toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+                  toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
                   localStorage.setItem("afterLogin", window.location.pathname);
                   localStorage.setItem(
                     "pushToCart",

src/views/Product/Comment/index.js

@@ -40,7 +40,7 @@ export default function Comment(props) {
             className="comment__user"
             style={{ fontSize: fontSize.desktop.strong }}
           >
-            {comment.username || "کاربر میهمان"}
+            {comment.username || window.t("کاربر میهمان")}
           </strong>
           <p className="comment__text" style={{ fontSize: fontSize.desktop.p }}>
             {comment.text}

src/views/Product/Gallery/Modal/index.js

@@ -16,7 +16,7 @@ const Modal = (props) => {
           <div className="modal__display">
             {
               displayed.type === 'image' ?
-              <img src={displayed.value} alt="عکس" /> : null
+              <img src={displayed.value} alt=window.t("عکس") /> : null
             }
             {
               displayed.type === 'film' ?
@@ -54,7 +54,7 @@ const Item = (props) => {
     <div className="modal-carousel-item">
       {
         props.data.type === 'image' ?
-        <img src={props.data.value} alt="عکس" /> : null
+        <img src={props.data.value} alt=window.t("عکس") /> : null
       }
       {
         props.data.type === 'film' ?

src/views/Product/Gallery/index.js

@@ -19,7 +19,7 @@ export default function Gallery(props) {
                 {selectedMedia.type === "image" ? (
                   <img
                     src={`https://dnvn.ir/api/v1/file/${selectedMedia.id}`}
-                    alt={"عکس"}
+                    alt={window.t("عکس")}
                   />
                 ) : null}
                 {selectedMedia.type === "film" ? <Video /> : null}
@@ -88,7 +88,7 @@ const Item = (props) => {
           className="product-gallery-item d-flex"
         >
           {item.type === "image" ? (
-            <img src={`https://dnvn.ir/api/v1/file/${item.id}`} alt={"عکس"} />
+            <img src={`https://dnvn.ir/api/v1/file/${item.id}`} alt={window.t("عکس")} />
           ) : null}
           {item.type === "film" ? (
             <Video fileId={`https://dnvn.ir/api/v1/file/${item.id}`} />

src/views/Product/MaterialModal/index.js

@@ -74,7 +74,7 @@ function SimpleModal(props) {
         کامنت خود را وارد کرده و دکمه ثبت را بزنید.
       </h2>
       <textarea
-        placeholder="متن پیام"
+        placeholder=window.t("متن پیام")
         name="description"
         rows="5"
         onChange={(e) => setText(e.target.value)}

src/views/Product/index.js

@@ -30,19 +30,19 @@ import "./index.scss";
 const maxDesktopSize = 1250;
 const maxMobileSize = 550;
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const fontSize = {
   desktop: {
@@ -64,7 +64,7 @@ function Addbutton({ page, info, pushToCart, userId }) {
   }
   let productId = localStorage.getItem("pushToCart");
   if (productId) {
-    toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+    toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
 
     localStorage.removeItem("pushToCart");
     pushToCart({
@@ -85,7 +85,7 @@ function Addbutton({ page, info, pushToCart, userId }) {
             count: 1,
           });
         else {
-          toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+          toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
           localStorage.setItem("afterLogin", window.location.pathname);
           localStorage.setItem(
             "pushToCart",
@@ -145,7 +145,7 @@ class Product extends Component {
                   <Info
                     subTitle={`پایه ${grades[info.gradeId]}`}
                     title={`${info.name}  ${grades[info.gradeId]}`}
-                    description={info.description || "توضیحات محصول خالیست"}
+                    description={info.description || window.t("توضیحات محصول خالیست")}
                   />
 
                   <AddToCart
@@ -169,7 +169,7 @@ class Product extends Component {
                     </h3>
                     <button onClick={() => this.handleOpenComment()}>
                       ارسال نظر
-                      <img src={send_comment} alt="ارسال نظر" />
+                      <img src={send_comment} alt=window.t("ارسال نظر") />
                     </button>
                   </div>
 
@@ -217,7 +217,7 @@ class Product extends Component {
                     info.name
                   }  پایه ${grades[info.gradeId]}`}</h1>
                   <h2 style={{ fontSize: fontSize.mobile.h2 }}>
-                    {page !== "digital" ? "نسخه چاپی" : "نسخه الکترونیک"}
+                    {page !== "digital" ? window.t("نسخه چاپی") : window.t("نسخه الکترونیک")}
                   </h2>
                   <h3 style={{ fontSize: fontSize.mobile.h1 }}>
                     {page === "digital"
@@ -242,7 +242,7 @@ class Product extends Component {
                         className="mobile-product__header--digitalButton"
                         style={{ fontSize: fontSize.mobile.a, opacity: 0.3 }}
                       >
-                        {page === "digital" ? "نسخه چاپی" : "نسخه الکترونیک"}
+                        {page === "digital" ? window.t("نسخه چاپی") : window.t("نسخه الکترونیک")}
                       </Link>
                       <Link
                         to={
@@ -250,7 +250,7 @@ class Product extends Component {
                         }
                         onClick={() =>
                           !info.sampleFileId
-                            ? toast.info("برای این کتاب نمونه‌ای درج نشده است.")
+                            ? toast.info(window.t("برای این کتاب نمونه‌ای درج نشده است."))
                             : null
                         }
                         className="mobile-product__header--purchase"
@@ -271,7 +271,7 @@ class Product extends Component {
                 <div className="mobile-product__abstraction d-flex flex-column">
                   <h3 style={{ fontSize: fontSize.mobile.h3 }}>معرفی کتاب</h3>
                   <p style={{ fontSize: fontSize.mobile.p }}>
-                    {info.description || "توضیحات محصول خالیست"}
+                    {info.description || window.t("توضیحات محصول خالیست")}
                   </p>
                 </div>
                 <div className="mobile-product__modules d-flex flex-column">
@@ -299,7 +299,7 @@ class Product extends Component {
                     </h3>
                     <button onClick={() => this.handleOpenComment()}>
                       ارسال نظر
-                      <img src={send_comment} alt="ارسال نظر" />
+                      <img src={send_comment} alt=window.t("ارسال نظر") />
                     </button>
                   </div>
                   <div className="mobile-product__comments--list d-flex">

src/views/Products/Filters/index.js

@@ -20,14 +20,14 @@ export default class Filtesrs extends React.Component {
           name="subject"
           parent={parent}
           data={parent.props.subjects}
-          title="دسته بندی موضوعی"
+          title=window.t("دسته بندی موضوعی")
           theme="#D7FF17"
         />
         <TypicalFilters
           name="level"
           parent={parent}
           data={parent.props.levels}
-          title="پایه تحصیلی"
+          title=window.t(window.t("پایه تحصیلی"))
           theme="#FF8917"
         />
       </div>

src/views/Products/Product/index.js

@@ -10,19 +10,19 @@ import { connect } from "react-redux";
 import { userProduct } from "~/Redux/actions";
 import "./index.scss";
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 
 function Product(props) {
@@ -53,7 +53,7 @@ function Product(props) {
             <img
               className="pimg"
               src={`https://dnvn.ir/api/v1/file/${product.fileIds}`}
-              alt={"عکس مجصول"}
+              alt={window.t("عکس مجصول")}
             />
             <div className="mobile-products-product__info d-flex flex-column">
               <h1>{`${product.name} پایه ${grades[product.gradeId]}`}</h1>
@@ -157,7 +157,7 @@ function Product(props) {
                     count: 1,
                   });
                 else {
-                  toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+                  toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
                   localStorage.setItem("afterLogin", window.location.pathname);
                   localStorage.setItem("pushToCart", product.product[0].id);
                   Navigate({ path: "/auth" });

src/views/Products/Select/index.js

@@ -48,9 +48,9 @@ export default function CustomizedSelects(props) {
           id="demo-customized-select-native"
           value={props.parent.state[props.name]}
           onChange={(e) =>
-            e.target.value !== "نام کتاب" &&
-            e.target.value !== "مرتب سازی" &&
-            e.target.value !== "پایه تحصیلی"
+            e.target.value !== window.t("نام کتاب") &&
+            e.target.value !== window.t("مرتب سازی") &&
+            e.target.value !== window.t(window.t("پایه تحصیلی"))
               ? props.parent.setState({
                   selectedFilters: {
                     ...props.parent.state.selectedFilters,

src/views/Products/index.js

@@ -54,7 +54,7 @@ class Products extends Component {
         window.location.search.length
       ) === "cart"
     ) {
-      toast.info("ابتدا یک محصول به سبد خریدتان اضافه کنید.");
+      toast.info(window.t("ابتدا یک محصول به سبد خریدتان اضافه کنید."));
     }
   }
 
@@ -92,10 +92,10 @@ class Products extends Component {
                 <input
                   type="search"
                   style={{ fontSize: 15 }}
-                  placeholder={"جستجو"}
+                  placeholder={window.t(window.t("جستجو"))}
                   onChange={(e) => this.handleProductSearch(e.target.value)}
                 />
-                <img src={navbarSearch} alt="جستجو" />
+                <img src={navbarSearch} alt=window.t(window.t("جستجو")) />
               </div>
               <div className="mobile-products__filters d-flex">
                 <div className="d-flex">
@@ -155,5 +155,5 @@ export default connect(
 )(Products);
 
 Products.defaultProps = {
-  sortItems: ["پرفروش ترین", "جدیدترین"],
+  sortItems: ["پرفروش ترین", window.t("جدیدترین")],
 };

src/views/QR/SubjectsDropdown/index.js

@@ -55,7 +55,7 @@ export default function Dropdown(props) {
               style={{ fontSize: fontSize.desktop.input }}
               onChange={(e) => handleSearch(e.target.value)}
             />
-            <img src={navbarSearch} alt="جستجو" />
+            <img src={navbarSearch} alt=window.t(window.t("جستجو")) />
           </div>
           <ul>
             {search
@@ -70,10 +70,10 @@ export default function Dropdown(props) {
 
 Dropdown.defaultProps = {
   subjects: [
-    { id: 0, name: "مقدمه" },
-    { id: 1, name: "سخنی با خوانندگان" },
-    { id: 2, name: "آتشفشانها و اقیانوسها" },
-    { id: 3, name: "نحوه جدایی صفحات کره" },
+    { id: 0, name: window.t("مقدمه") },
+    { id: 1, name: window.t("سخنی با خوانندگان") },
+    { id: 2, name: window.t("آتشفشانها و اقیانوسها") },
+    { id: 3, name: window.t("نحوه جدایی صفحات کره") },
   ],
 };
 

src/views/QR/index.js

@@ -27,18 +27,18 @@ function Navigate({ path }) {
 }
 const maxDesktopSize = 1250;
 const grades = [
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 class QR extends Component {
   state = {
@@ -224,7 +224,7 @@ class QR extends Component {
                         <div>
                           <img
                             src={exit}
-                            alt="انصراف"
+                            alt=window.t("انصراف")
                             onClick={() =>
                               //  this.props.logout({})
                               this.setState({ menu: !this.state.menu })

src/views/QRScan/LastQr/index.js

@@ -5,18 +5,18 @@ import "./index.scss";
 
 const grades = [
   "0",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 
 export default function LastQR(props) {

src/views/QRScan/Modal/index.js

@@ -45,7 +45,7 @@ class QRModal extends Component {
                   <div className="d-flex" style={{ justifyContent: "center" }}>
                     <Input
                       name="pageNumber"
-                      // label="نام"
+                      // label=window.t("نام")
                       parent={this}
                       defaultValue={pageNumber}
                       maxLength={3}
@@ -63,7 +63,7 @@ class QRModal extends Component {
                       "/qr?id=" + (pageNumber ? "oloom4-" + pageNumber : tail)
                     }
                   >
-                    {hasZ10 ? "علوم چهارم" : "تایید"}
+                    {hasZ10 ? window.t("علوم چهارم") : window.t("تایید")}
                   </Link>
                   {hasZ10 ? (
                     <Link className="button" to={"/qr?id=" + tail}>
@@ -105,7 +105,7 @@ class QRModal extends Component {
                     </span>
                     <Input
                       name="pageNumber"
-                      // label="نام"
+                      // label=window.t("نام")
                       parent={this}
                       defaultValue={pageNumber}
                       maxLength={3}
@@ -123,7 +123,7 @@ class QRModal extends Component {
                       "/qr?id=" + (pageNumber ? "oloom4-" + pageNumber : tail)
                     }
                   >
-                    {hasZ10 ? "علوم چهارم" : "تایید"}
+                    {hasZ10 ? window.t("علوم چهارم") : window.t("تایید")}
                   </Link>
                   {hasZ10 ? (
                     <Link className="button" to={"/qr?id=" + tail}>

src/views/Sample/index.js

@@ -35,7 +35,7 @@ export default function Sample({ fileId }) {
       >
         <Page
           pageNumber={pageNumber}
-          noData="نمونه ای برای این محصول درج نشده است"
+          noData=window.t("نمونه ای برای این محصول درج نشده است")
         />
       </Document>
       <p>

src/views/Support/Upload/index.js

@@ -37,7 +37,7 @@ export default function Document(props) {
                 margin: "auto",
               }}
             >
-              {parent.state.file?.name || "تصویر بارگزاری شد"}
+              {parent.state.file?.name || window.t("تصویر بارگزاری شد")}
             </span>
           ) : (
             <span style={{ fontSize: fontSize.mobile.span }}>
@@ -64,7 +64,7 @@ export default function Document(props) {
                 margin: "auto",
               }}
             >
-              {parent.state.file?.name || "فایل ثبت شد"}
+              {parent.state.file?.name || window.t("فایل ثبت شد")}
             </span>
           ) : (
             <span

src/views/Support/index.js

@@ -11,19 +11,19 @@ import { connect } from "react-redux";
 const maxDesktopSize = 1250;
 const maxMobileSize = 550;
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const fontSize = {
   desktop: {
@@ -81,7 +81,7 @@ class Support extends Component {
   }
   render() {
     let { status } = this.props;
-    let opt = ["واحد مورد نظر", "واحد فروش", "واحد فنی", "واحد محتوایی"];
+    let opt = [window.t("واحد مورد نظر"), window.t("واحد فروش"), window.t("واحد فنی"), window.t("واحد محتوایی")];
     opt = opt.map((e) => [e, e]);
     return (
       <>
@@ -96,11 +96,11 @@ class Support extends Component {
             {status ? null : (
               <>
                 <Input
-                  label={"نام ‌و ‌نام خانوادگی"}
+                  label={window.t("نام ‌و ‌نام خانوادگی")}
                   name={"name"}
                   parent={this}
                 />
-                <Input label={"شماره تماس"} name={"cellphone"} parent={this} />
+                <Input label={window.t(window.t(window.t("شماره تماس")))} name={"cellphone"} parent={this} />
               </>
             )}
             <Select
@@ -113,7 +113,7 @@ class Support extends Component {
               }
               parent={this}
             />
-            {this.state.unit === "واحد محتوایی" ? (
+            {this.state.unit === window.t("واحد محتوایی") ? (
               <Select
                 required
                 name="bookId"
@@ -132,7 +132,7 @@ class Support extends Component {
             ) : null}
             <Input label={"موضوع "} name={"subject"} parent={this} required />
             <Input
-              label={"متن"}
+              label={window.t("متن")}
               name={"text"}
               parent={this}
               multiline