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"}>
+            <Route exact path={"/support"}>
-            {mobile ? (
+              <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
+                  <img className="about__fury--left__1" src={aboutLg} />
                    className="about__fury--left__1"
                    src={aboutLg}
                    alt="عکس"
                  />
                  {/* {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: window.t("پسند"), icon: FavoriteIcon, onClick: () => {} },
-  { text: "تبادل نظر", icon: TextsmsIcon, onClick: () => {} },
+  { text: window.t("تبادل نظر"), icon: TextsmsIcon, onClick: () => {} },
-  { text: "پاسخ", icon: ReplyIcon, onClick: () => {} },
+  { text: window.t("پاسخ"), icon: ReplyIcon, onClick: () => {} },
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
 ];
 const selfMenu = [
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
-  { text: "ویرایش", icon: EditIcon, onClick: () => {} },
+  { text: window.t("ویرایش"), icon: EditIcon, onClick: () => {} },
-  { text: "حذف", icon: DeleteIcon, 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: window.t("پسند"), icon: FavoriteIcon, onClick: () => {} },
-  { text: "تبادل نظر", icon: TextsmsIcon, onClick: () => {} },
+  { text: window.t("تبادل نظر"), icon: TextsmsIcon, onClick: () => {} },
-  { text: "پاسخ", icon: ReplyIcon, onClick: () => {} },
+  { text: window.t("پاسخ"), icon: ReplyIcon, onClick: () => {} },
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
 ];
 const selfMenu = [
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
-  { text: "ویرایش", icon: EditIcon, onClick: () => {} },
+  { text: window.t("ویرایش"), icon: EditIcon, onClick: () => {} },
-  { text: "حذف", icon: DeleteIcon, 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: "محسن محمدی",
+        name: window.t("محسن محمدی"),
-        lastAct: "2 دقیقه پیش آنلاین بوده",
+        lastAct: window.t("2 دقیقه پیش آنلاین بوده"),
-        bio: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام",
+        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: window.t("صفحه اصلی"), link: "/" },
-    { name: "فروشگاه", link: "/shop" },
+    { name: window.t("فروشگاه"), link: "/shop" },
-    { name: "سوالات متداول", link: "/faq" },
+    { name: window.t("سوالات متداول"), link: "/faq" },
-    { name: "درباره ما", link: "/about" },
+    { name: window.t("درباره ما"), link: "/about" },
-    { name: "تماس با ما", link: "/call" },
+    { 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: window.t("علمی تخیلی"), color: "red" },
-  { name: "سیاسی", color: "blue" },
+  { name: window.t("سیاسی"), color: "blue" },
-  { name: "تاریخی", color: "orange" },
+  { name: window.t("تاریخی"), color: "orange" },
-  { name: "ورزشی", color: "yellow" },
+  { 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={window.t("نام ‌و ‌نام خانوادگی")} name={"name"} />
-              <Input label={"شماره تماس"} name={"mobile"} />
+              <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: window.t("صفحه اصلی"), to: "/", page: "home" },
-    { name: "فروشگاه", to: "/products", page: "products" },
+    { name: window.t("فروشگاه"), to: "/products", page: "products" },
-    { name: "سوالات متداول", to: "/faq", page: "faq" },
+    { name: window.t("سوالات متداول"), to: "/faq", page: "faq" },
-    { name: "درباره ما", to: "/about", page: "about" },
+    { name: window.t("درباره ما"), to: "/about", page: "about" },
-    { name: "پشتیبانی", to: "/contact", page: "contact" },
+    { 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="دانوینی‌ها" />,
+        icon: <img src={mobileProfile} alt=window.t("دانوینی‌ها") />,
-        toast: "به زودی این بخش فعال می شود",
+        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: "دختر",
+    gender: window.t("دختر"),
-    userRoleId: "دانش آموز",
+    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 === "دانش آموز" ? (
+            {this.state.userRoleId === window.t("دانش آموز") ? (
-              <Input parent={this} name="schoolId" label={"نام مدرسه"} />
+              <Input parent={this} name="schoolId" label={window.t("نام مدرسه")} />
            ) : null}
-            {this.state.userRoleId === "معلم" ? (
+            {this.state.userRoleId === window.t("معلم") ? (
-              <Input parent={this} name="schoolId" label={"محل تدریس"} />
+              <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 !== window.t("نام کتاب") &&
-            e.target.value !== "مرتب سازی" &&
+            e.target.value !== window.t("مرتب سازی") &&
-            e.target.value !== "پایه تحصیلی"
+            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: 0, name: window.t("مقدمه") },
-    { id: 1, name: "سخنی با خوانندگان" },
+    { id: 1, name: window.t("سخنی با خوانندگان") },
-    { id: 2, name: "آتشفشانها و اقیانوسها" },
+    { id: 2, name: window.t("آتشفشانها و اقیانوسها") },
-    { id: 3, name: "نحوه جدایی صفحات کره" },
+    { 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"