Merge branch 'front' of https://git.sitenevis.com/Reza_ashrafi/danovin into front

3 years ago · 8c9ec9bbb2
parent cfe9c99931 01e6d2e755
commit 8c9ec9bbb2
76 changed files with 1131 additions and 763 deletions
--- a/dictionary.js
+++ b/dictionary.js
@ -0,0 +1,338 @@
+const items = [
+  "کیفیت آموزش را بالا میبریم",
+  "شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن",
+  "شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی",
+  "جذابیت کلید بهبود یادگیری",
+  "بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین",
+  "سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد",
+  "در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول",
+  "مزیت رقابتی دانوین",
+  "بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)",
+  "دارای رویکرد آموزش سرگرم کننده ",
+  "بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی",
+  "رویکرد معرفتی-ارزشی",
+  "ویدئو های منحصر بفرد",
+  "متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده",
+  "فعال سازی کتاب الکترونیک",
+  "کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد وارد تا کتاب الکترونیک آن فعالسازی شود",
+  "ثبت کد فعال سازی",
+  "برای خدمات هوشمند کتاب کد فعال سازی را اینجا وارد نمایید",
+  "برای استفاده از این بخش باید یک کتاب را فعالسازی کرده باشید",
+  "فعالسازی کتاب",
+  "پیش دبستان",
+  "اول",
+  "دوم",
+  "سوم",
+  "چهارم",
+  "پنجم",
+  "ششم",
+  "هفتم",
+  "هشتم",
+  "نهم",
+  "دهم",
+  "یازدهم",
+  "دوازدهم",
+  "صفحه اصلی",
+  "واقعیت افزوده",
+  "در حال بارگیری اطلاعات از سرور",
+  "حساب کاربری",
+  "لطفا مشخصات خود را به صورت کامل نمایید.",
+  "نام",
+  "نام خانوادگی",
+  "نام کاربری",
+  "دختر",
+  "پسر",
+  "کد ملی/اتباع",
+  "معلم",
+  "دانش آموز",
+  "عنوان",
+  "پایه تحصیلی",
+  "رشته تحصیلی",
+  "استان",
+  "شهرستان",
+  "نام مدرسه",
+  "محل تدریس",
+  "کد پستی",
+  "آدرس محل سکونت",
+  "ریاضی",
+  "تجربی",
+  "انسانی",
+  "فنی حرفه‌ای",
+  "کاردانش",
+  "معارف",
+  "‌ذخیره",
+  "روز",
+  "ماه",
+  "سال",
+  "تاریخ تولد",
+  "گواهی تدریس خود را آپلود کنید.",
+  "گواهی تدریس  ثبت شده و درحال بررسی می باشد",
+  "کاربر",
+  "پرچم",
+  "شرایط استفاده و حریم خصوصی",
+  "به دانوین خوش اومدی برای عضویت و ادامه شماره موبایلت رو وارد کن  و روی گزینه ثبت بزن",
+  "ادامه",
+  "ارسال مجدد کد فعال سازی",
+  "بازگشت به مرحله قبل و اصلاح شماره",
+  "یک کد تائیدیه به شماره",
+  "ارسال شد",
+  "آن را در قسمت زیر وارد کنید.",
+  "ثبت",
+  "زمان باقیمانده تا انقضای کد:",
+  "وبلاگ",
+  "مطالعه کامل",
+  "سبد خرید",
+  "روشهای ارسال",
+  "جمع کل",
+  "تومان",
+  "با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید",
+  "پرداخت",
+  "عملیات خرید شما با موفقیت انجام شد.",
+  "عملیات با موفقیت انجام نشد!",
+  "هیچ محصولی در سبد خرید شما وجود ندارد",
+  "فروشگاه",
+  "پرداخت شما با خطا مواجه شد ، لطفا مجدد تلاش نمایید",
+  "سبد پیش خرید",
+  "با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید",
+  "شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام",
+  "شرایط مرجوع کردن کالا در دانوین",
+  "کد تخفیف",
+  "اگر کد تخفیفی دارید آن را در کادر زیر وارد نمائید",
+  "ثبت کد",
+  "کد تخفیف برای شما ثبت شده است",
+  "مالیات بر ارزش افزوده",
+  "محصولات",
+  "قیمت",
+  "تعداد",
+  "مبلغ کل",
+  "محصول",
+  "نسخه",
+  "الکترونیکی",
+  "چاپی",
+  "پایه",
+  "کد فعالسازی محتوای الکترونیک",
+  "حذف",
+  "قیمت هر واحد",
+  "همراه با:",
+  "قیمت هر عدد",
+  "برای شروع روی یک چت کلیک کن",
+  "جستجو",
+  "علی",
+  "ارسال",
+  "کنسل",
+  "یک پیام بنویسید...",
+  "ثبت شد",
+  "ثبت",
+  "پسند",
+  "تبادل نظر",
+  "پاسخ",
+  "باز ارسال",
+  "ویرایش",
+  "حذف",
+  "ویرایش در",
+  "خلاقیت",
+  "پروفایل",
+  "حساب کاربری",
+  "خروج",
+  "استاد علوم طبیعی پایه دوازدهم",
+  "کارشناس ارشد علوم و فنون از دانشگاه تهران",
+  "محسن محمدی",
+  "2 دقیقه پیش آنلاین بوده",
+  "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام",
+  "عکس کاربر",
+  "مشخصات تحصیلی",
+  "نام کاربری",
+  "روشن",
+  "خاموش",
+  "رسانه,فیلم,عکس",
+  "مسدود سازی مخاطب",
+  "رسانه",
+  "ویدیو",
+  "صوت",
+  "لینک",
+  "فایل",
+  "هیچ محصولی در سبد خرید شما وجود ندارد",
+  "پرداخت شما با خطا مواجه شد ، لطفا مجدد تلاش نمایید",
+  "جزئیات صورتحساب",
+  "مشخصات تحویل گیرنده",
+  "نام ‌و ‌نام  خانوادگی",
+  "شماره تماس",
+  "توضیحات",
+  "روشهای ارسال",
+  "جمع کل",
+  "صورتحساب",
+  "با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید",
+  "اگر کد تخفیفی دارید آن را در کادر زیر وارد نمائید",
+  "ثبت کد",
+  "کد تخفیف",
+  "مبلغ سبد خرید",
+  "هزینه ارسال",
+  "میزان تخفیف",
+  "مالیات بر ارزش افزوده",
+  "عدد",
+  "آدرس",
+  "تماس",
+  "خانه",
+  "برای استفاده از بخش واقعیت افزوده می بایست افزونه آن را نصب نمایید",
+  "دریافت افزونه",
+  "دریافت افزونه واقعیت افزوده",
+  "سلام چطوری میتونم کمکتون کنم؟",
+  "دنبال چه چیزی برات باشیم؟",
+  "جستجو",
+  "لذت یادگیری را با",
+  "تجربه کنید",
+  "دریافت اپلیکیشن اختصاصی دانوین",
+  "به راحتی از همین جا دانلود کنید...",
+  "ما در دانوین با هدف ایجاد زیرساخت تعاملی و آموزشی با تولید محتوایی جذاب بصورت کتاب قصد داریم تغییراتی بنیادین در نظام آموزش و پرورش کشور ایجاد کنیم.",
+  "آدرس: تهران، میدان فردوسی، خیابان موسوی، پلاک ۳۰",
+  "خانه",
+  "لینک های کاربردی",
+  "تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400",
+  "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه",
+  "خانه",
+  "دسترسی سریع",
+  "سوالات متداول",
+  "درباره ما",
+  "تماس با ما",
+  "موارد بیشتر",
+  "فلش",
+  "ناموجود",
+  "جستجو در عناوین کتاب ...",
+  "نام یک کتاب را جستجو کنید",
+  "علمی تخیلی",
+  "سیاسی",
+  "تاریخی",
+  "ورزشی",
+  "مطالعه کامل در",
+  "دقیقه",
+  "تاریخ انتشار",
+  "ادامه مطلب",
+  "عکس",
+  "عکس محصول",
+  "دانوینی",
+  "شو",
+  "مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید",
+  "شماره تماس",
+  "لوگو",
+  "دانلود",
+  "ویرایش مشخصات",
+  "پیگری سفارشات",
+  "کتاب های من",
+  "خروج",
+  "ورود یا ثبت‌نام",
+  "پشتیبانی",
+  "بازگشت",
+  "منو",
+  "ورود یا ثبت‌نام",
+  "کتاب‌های من",
+  "واقعیت افزوده",
+  "بارکد خوان",
+  "به زودی این بخش فعال می شود",
+  "دانوینی‌ها",
+  "ویرایش مشخصات",
+  "بروز رسانی",
+  "خروج",
+  "امتیاز",
+  "اضافه کردن کاربر",
+  "ادامه مطلب",
+  "فعال سازی شده",
+  "تاریخ فعال‌سازی:",
+  "کد فعال‌سازی:",
+  "اسکن بارکد",
+  "برای استفاده از این بخش باید یک کتاب فعال خریداری کرده باشید",
+  "لطفا مشخصات خود را به صورت کامل نمایید.",
+  "کد ملی",
+  "شهر/روستا",
+  "افزودن کاربر جدید",
+  "سفارشات من",
+  "شناسه سفارش",
+  "پرداخت نشده",
+  "در حال پردازش",
+  "ارسال شد",
+  "لغو شد",
+  "شناسه پرداخت",
+  "مبلغ",
+  "تخفیف",
+  "سفارشی برای نماش وجود ندارد",
+  "جهت ادامه فرآیند خرید وارد حساب خود شوید",
+  "افزودن به سبد خرید",
+  "توضیحات محصول خالیست",
+  "نظرات خریداران",
+  "ارسال نظر",
+  "از اینکه با نظرات خود ما را در ارتقای کیفیت محصولاتمان یاری کنید ، سپاسگزاریم",
+  "نسخه الکترونیک",
+  "نسخه چاپی",
+  "برای این کتاب نمونه‌ای درج نشده است.",
+  "مطالعه نمونه کتاب",
+  "معرفی کتاب",
+  "این کتاب شامل چه مواردی است؟",
+  "نظرات خریداران",
+  "مشاهده نمونه کتاب",
+  "شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام",
+  "شرایط مرجوع کردن کالا در دانوین",
+  "کاربر میهمان",
+  "پاسخ مدیریت سایت",
+  "کامنت خود را وارد کرده و دکمه ثبت را بزنید.",
+  "متن پیام",
+  "انصراف",
+  "ابتدا یک محصول به سبد خریدتان اضافه کنید.",
+  "دسته بندی موضوعی",
+  "پایه تحصیلی",
+  "فیلترهای اعمال شده",
+  "محصولی با این مشخصات یافت نشد",
+  "عکس مجصول",
+  "پایه",
+  "نام کتاب",
+  "مرتب سازی",
+  "مرتب سازی بر اساس",
+  "شما در حال مطالعه",
+  "هستید",
+  "صفحه",
+  "محتوایی برای این صفحه در دسترس نیست.!",
+  "نمایش تمامی محتواها",
+  "محتویات کتاب",
+  "فایل",
+  "برای دانلود این فایل روی اینجا کلیک کن",
+  "مشاهده فهرست موضوعی کتاب",
+  "سخنی با خوانندگان",
+  "مقدمه",
+  "آتشفشانها و اقیانوسها",
+  "نحوه جدایی صفحات کره",
+  "نکته",
+  "لطفا دوربین خود را روی کدی که در اختیار شما قرار گرفته قرار دهید تا اسکن دوربین انجام شود",
+  "دوربین عقب",
+  "دوربین جلو",
+  "آخرین مشاهدات",
+  "اسکن کد QR موفقیت آمیز بود.",
+  "لطفا شماره صفحه را وارد نمایید",
+  "تایید",
+  "زیست دهم",
+  "علوم چهارم",
+  "نمونه ای برای این محصول درج نشده است",
+  "قبل",
+  "بعد",
+  "واحد محتوایی",
+  "واحد فنی",
+  "واحد فروش",
+  "واحد مورد نظر",
+  "برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده کنید و پس از انتخاب دپارتمان مد نظر پیام خود را ارسال کنید.",
+  "نام ‌و ‌نام خانوادگی",
+  "شماره تماس",
+  "موضوع",
+  "متن",
+  "تصویر بارگزاری شد",
+  "در صورت نیاز تصویر مرتبط را انتخاب کنید.",
+  "فایل ثبت شد",
+  "کتاب شما با موفقیت فعال گردید.",
+  "جدیدترین",
+  "محبوب ترین",
+  "گران ترین",
+  "ثبت درخواست با موفقیت انجام شد",
+  "کتاب‌های دانوین",
+  "روش ارسال با موفقیت تغییر یافت!",
+  "کد به شماره شما ارسال گردید.",
+  "به دانوین خوش آمدید.",
+  "درخواست شما با موفقیت انجام شد.",
+];
+
+module.exports = items;
--- a/dictionary.js.zip
+++ b/dictionary.js.zip
--- a/package.json
+++ b/package.json
@ -54,7 +54,6 @@
    "jest-resolve": "26.6.0",
    "jest-watch-typeahead": "0.6.1",
    "mapir-react-component": "^1.8.1",
-    "material-ui-audio-player": "https://github.com/RezaAshrafi77/material-ui-audio-player.git",
    "material-ui-player": "^0.2.2",
    "mini-css-extract-plugin": "0.11.3",
    "modern-react-qr-reader": "^1.0.12",
@ -106,7 +105,8 @@
    "webpack": "4.44.2",
    "webpack-dev-server": "3.11.1",
    "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "5.1.4"
+    "workbox-webpack-plugin": "5.1.4",
+    "material-ui-audio-player": "https://github.com/RezaAshrafi77/material-ui-audio-player.git"
  },
  "scripts": {
    "start": "node scripts/start.js ",
--- a/src/App.css
+++ b/src/App.css
@ -1,8 +1,16 @@
 * {
  box-sizing: border-box !important;
-  direction: rtl;
  font-family: numeralLight;
 }
+
+.ltr {
+  direction: ltr;
+}
+
+.rtl {
+  direction: rtl;
+}
+
 #root {
  height: 100vh;
  max-width: 100vw !important;
--- a/src/AppRouter.js
+++ b/src/AppRouter.js
@ -91,6 +91,7 @@ class AppRouter extends Component {
    );

    return (
+      <div className={`flex-1 ${this.props.config?.direction}`}>
        <Router>
          <Switch>
            {home}
@ -146,8 +147,7 @@ class AppRouter extends Component {
              )}
            </Route>
            <Route exact path={"/support"}>
-            <Support />
-            {/* {mobile ? (
+              {mobile ? (
                status ? (
                  <Support />
                ) : (
@ -159,7 +159,7 @@ class AppRouter extends Component {
                )
              ) : (
                <Support />
-            )} */}
+              )}
            </Route>
            <Route exact path={"/products/digital/:id"}>
              <Product page="digital" />
@ -178,30 +178,48 @@ class AppRouter extends Component {
                  }}
                />
              ) : (
-              <Auth />
+                <NewProfile />
              )}
            </Route>
-          <Route exact path={"/profile"}>
-            {mobile ? (
+            <Route exact path={"/support"}>
+              <Support />
+              {/* {mobile ? (
              status ? (
-                <Auth page={"profile"} />
+                <Support />
              ) : (
                <Redirect
                  to={{
-                    pathname: "/",
+                    pathname: "/auth",
                  }}
                />
              )
-            ) : status ? (
-              <Auth page={"profile"} />
            ) : (
+              <Support />
+            )} */}
+            </Route>
+            <Route exact path={"/products/digital/:id"}>
+              <Product page="digital" />
+            </Route>
+            <Route exact path={"/products/physical/:id"}>
+              <Product page="physical" />
+            </Route>
+            <Route exact path={"/qr"}>
+              <QR />
+            </Route>
+            <Route exact path={"/auth"}>
+              {proxy.status() ? (
                <Redirect
                  to={{
-                  pathname: "/auth",
+                    pathname: "/",
                  }}
                />
+              ) : (
+                <Auth />
              )}
            </Route>
+            <Route exact path={"/profile"}>
+              {mobile ? status ? <Auth page={"profile"} /> : null : null}
+            </Route>
            <Route exact path={"/qr-scan"}>
              {mobile ? (
                status ? (
@ -366,6 +384,7 @@ class AppRouter extends Component {
            </Route>
          </Switch>
        </Router>
+      </div>
    );
  }
 }
@ -374,6 +393,7 @@ export default connect(
  (state) => ({
    profile: state.user.status,
    userProductList: state.userProduct.list,
+    config: state.publicApi.config,
    // status: state.user.status,
  }),
  { getProfile: user.getProfile, getUserProductList: userProduct.list }
--- a/src/QRScan/LastQr/index.js
+++ b/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) {
--- a/src/Redux/proxy.js
+++ b/src/Redux/proxy.js
@ -9,7 +9,8 @@ const Axios = axios.create({
  withCredentials: true,
  validateStatus: null,
  baseURL: baseUrl,
-  //headers: access ? { Authorization: `Bearer ${access}` } : {},
+
+  headers: { lang: window.lang },
 });
 class Proxy {
  get = async (url, params, opt = {}, data) =>
--- a/src/Redux/reducers/activation.js
+++ b/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 };
--- a/src/Redux/reducers/book.js
+++ b/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;
        });
--- a/src/Redux/reducers/comment.js
+++ b/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 };
--- a/src/Redux/reducers/public.js
+++ b/src/Redux/reducers/public.js
@ -13,32 +13,37 @@ const initialState = {
  blog: null,
  province: [],
  city: [],
+  config: {
+    direction: "ltr",
+  },
 };

 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;
  switch (type) {
+    case "public/direction":
+      return { ...state, config: { [data.name]: data.value } };
    case "public/homePage":
      let itemsLevel;
      //  if (window.innerWidth > 1000) {

      const jadidTarin = data?.filter(
-        (item) => item.title === "کتاب‌های دانوین"
+        (item) => item.title === window.t("کتاب‌های دانوین")
      );
      itemsLevel =
        jadidTarin && jadidTarin[0] && jadidTarin[0].data
@ -47,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 {
@ -64,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) {
@ -83,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 }
          ),
@ -119,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;
      //   });
@ -132,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 }
        ),
--- a/src/Redux/reducers/transport.js
+++ b/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 };
--- a/src/Redux/reducers/user.js
+++ b/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,
--- a/src/Redux/reducers/userFactor.js
+++ b/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 };
--- a/src/Redux/reducers/userProduct.js
+++ b/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":
--- a/src/views/AR/Item/index.js
+++ b/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() {
--- a/src/views/About/index.js
+++ b/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("متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده"),
      ],
    },
  };
@ -138,19 +138,15 @@ export default class About extends Component {
                  </div>
                </div>
                <div className="about__fury--left d-flex align-items-center">
-                  <img
-                    className="about__fury--left__1"
-                    src={aboutLg}
-                    alt="عکس"
-                  />
+                  <img className="about__fury--left__1" src={aboutLg} />
                  {/* {this.props.absoluteImages.map((item, i) => (
-                    <img src={item.imageUrl} className={item.class} alt="عکس" />
+                    <img src={item.imageUrl} className={item.class}  />
                  ))} */}
                </div>
              </div>
              <div className="about__advantages d-flex">
                <div className="about__advantages--right d-flex">
-                  <img src={pic} alt={"عکس"} />
+                  <img src={pic} />
                </div>
                <div className="about__advantages--left">
                  <h1 style={{ fontSize: fontSize.desktop.h1 }}>
@ -201,7 +197,7 @@ export default class About extends Component {
            </div>
            <div className="mobile-about__images d-flex">
              {this.props.absoluteImages.map((item, i) => (
-                <img src={item.imageUrl} className={item.class} alt="عکس" />
+                <img src={item.imageUrl} className={item.class} />
              ))}
            </div>
            <div className="mobile-about__keys align-self-end">
@ -219,7 +215,7 @@ export default class About extends Component {
              </ul>
            </div>
            <div className="mobile-about__video d-flex">
-              <img src={pic} alt={"عکس"} />
+              <img src={pic} />
            </div>
            <div className="mobile-about__advantages d-flex flex-column">
              <div>
--- a/src/views/Activation/index.js
+++ b/src/views/Activation/index.js
@ -44,7 +44,7 @@ class Activation extends Component {
            <div className="activation d-flex flex-column align-items-center">
              <Navbar />
              <header className="activation__header d-flex flex-column align-items-center">
-                <img src={analytics} alt="فعال سازی کتاب" />
+                <img src={analytics} />
                <h1 style={{ fontSize: fontSize.desktop.h1 }}>
                  فعال سازی کتاب الکترونیک
                </h1>
@ -100,7 +100,7 @@ class Activation extends Component {
            <Navbar />

            <header className="mobile-activation__header d-flex flex-column align-items-center">
-              <img src={analytics} alt="فعال سازی کتاب" />
+              <img src={analytics} />
              <h1 style={{ fontSize: fontSize.mobile.h1 }}>
                فعال سازی کتاب الکترونیک
              </h1>
--- a/src/views/Auth/Login/Cellphone/index.js
+++ b/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"
--- a/src/views/Auth/Login/Code/index.js
+++ b/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>
--- a/src/views/Auth/Profile/Birthdate/index.js
+++ b/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 }}
--- a/src/views/Auth/Profile/Document/index.js
+++ b/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>
            </>
          )}
--- a/src/views/Auth/Profile/Upload/index.js
+++ b/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
--- a/src/views/Auth/Profile/index.js
+++ b/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}
                />
--- a/src/views/Auth/Splash/index.js
+++ b/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>
--- a/src/views/Callback/Status/index.js
+++ b/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 (
    <>
--- a/src/views/Cart/Table/index.js
+++ b/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>
--- a/src/views/ChatList/Search/index.js
+++ b/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>
  );
 }
--- a/src/views/ChatRoom/Body/Input/index.js
+++ b/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
--- a/src/views/ChatRoom/Body/Message/Comment/index.js
+++ b/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 };
--- a/src/views/ChatRoom/Body/Message/Inline/index.js
+++ b/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();
    }
  }
--- a/src/views/ChatRoom/Body/Message/MultiSelect/index.js
+++ b/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
--- a/src/views/ChatRoom/Body/Message/Normal/index.js
+++ b/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 };
--- a/src/views/ChatRoom/Body/index.js
+++ b/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("علی"),
              },
            },
          ],
--- a/src/views/ChatRoom/Info/index.js
+++ b/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
--- a/src/views/Checkout/Table/index.js
+++ b/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>

--- a/src/views/Checkout/index.js
+++ b/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}
                  />
--- a/src/views/Contact/index.js
+++ b/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">
--- a/src/views/Download/Item/index.js
+++ b/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() {
--- a/src/views/Download/index.js
+++ b/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>
--- a/src/views/Faq/index.js
+++ b/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>
--- a/src/views/Home/Footer/index.js
+++ b/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" },
  ],
 };
--- a/src/views/Home/HomeHeader/index.js
+++ b/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%",
--- a/src/views/Home/HomeScroll/index.js
+++ b/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">
--- a/src/views/Home/HomeSearch/Select/index.js
+++ b/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],
              },
            })
          }
--- a/src/views/Home/HomeSearch/index.js
+++ b/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"
--- a/src/views/Home/HomeSlider/Blog/index.js
+++ b/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
--- a/src/views/Home/HomeSlider/index.js
+++ b/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}
--- a/src/views/Home/HomeStatic/Vitrin/index.js
+++ b/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>
  );
--- a/src/views/Home/HomeStatic/index.js
+++ b/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">
--- a/src/views/Home/Membership/index.js
+++ b/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>
--- a/src/views/Home/Navbar/Laptop/index.js
+++ b/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" },
  ],
 };
--- a/src/views/Home/Navbar/Mobile/NavbarDrawer/NavbarDrawer.js
+++ b/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: () => {
--- a/src/views/Home/Navbar/Mobile/index.js
+++ b/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" &&
--- a/src/views/MyBooks/index.js
+++ b/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() {
--- a/src/views/MyBooks_old/index.js
+++ b/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 }}>
--- a/src/views/NewProfile/index.js
+++ b/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>
--- a/src/views/Orders/index.js
+++ b/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
                        ]
                      }
--- a/src/views/Product/AddToCart/index.js
+++ b/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",
--- a/src/views/Product/Comment/index.js
+++ b/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}
--- a/src/views/Product/Gallery/Modal/index.js
+++ b/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' ?
--- a/src/views/Product/Gallery/index.js
+++ b/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}`} />
--- a/src/views/Product/MaterialModal/index.js
+++ b/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)}
--- a/src/views/Product/index.js
+++ b/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">
--- a/src/views/Products/Filters/index.js
+++ b/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>
--- a/src/views/Products/Product/index.js
+++ b/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" });
--- a/src/views/Products/Select/index.js
+++ b/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,
--- a/src/views/Products/index.js
+++ b/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("جدیدترین")],
 };
--- a/src/views/QR/SubjectsDropdown/index.js
+++ b/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("نحوه جدایی صفحات کره") },
  ],
 };

--- a/src/views/QR/index.js
+++ b/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 })
--- a/src/views/QRScan/LastQr/index.js
+++ b/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) {
--- a/src/views/QRScan/Modal/index.js
+++ b/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}>
--- a/src/views/Sample/index.js
+++ b/src/views/Sample/index.js
@ -35,7 +35,7 @@ export default function Sample({ fileId }) {
      >
        <Page
          pageNumber={pageNumber}
-          noData="نمونه ای برای این محصول درج نشده است"
+          noData=window.t("نمونه ای برای این محصول درج نشده است")
        />
      </Document>
      <p>
--- a/src/views/Support/Upload/index.js
+++ b/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
--- a/src/views/Support/index.js
+++ b/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
--- a/yarn.lock
+++ b/yarn.lock
@ -8707,7 +8707,7 @@ mapir-react-component@^1.8.1:

 "material-ui-audio-player@https://github.com/RezaAshrafi77/material-ui-audio-player.git":
  version "1.6.6"
-  resolved "git+ssh://git@github.com/RezaAshrafi77/material-ui-audio-player.git#2b14d5358156644e8a5995250a3396dee9043e06"
+  resolved "https://github.com/RezaAshrafi77/material-ui-audio-player.git#2b14d5358156644e8a5995250a3396dee9043e06"
  dependencies:
    classnames "^2.2.6"