update 60 files

src/QRScan/index.js

@@ -84,8 +84,10 @@ class QRScan extends Component {
                     {window.t("نکته")}
                   </h1>
                   <p style={{ fontSize: fontSize.desktop.p }}>
-                    لطفا دوربین خود را روی کدی که در اختیار شما قرار گرفته قرار
-                    دهید تا اسکن دوربین انجام شود
+                    {window.t(
+                      "لطفا دوربین خود را روی کدی که در اختیار شما قرار گرفته قرار"
+                    )}
+                    {window.t("دهید تا اسکن دوربین انجام شود")}{" "}
                   </p>
                 </header>
                 {this.state.cameraIds.length > 1 ? (

src/views/AR/BreadCrumb/index.js

@@ -21,7 +21,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/"}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       <Link
         style={{
@@ -31,7 +31,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/ar"}
       >
-        واقعیت افزوده
+        واقعیت افزوده")}{" "}
       </Link>
     </Breadcrumbs>
   );

src/views/AR/index.js

@@ -59,7 +59,7 @@ class AR extends Component {
                     : fontSize.mobile.p,
               }}
             >
-              برای استفاده از این بخش باید یک کتاب را فعالسازی کرده باشید
+              برای استفاده از این بخش باید یک کتاب را فعالسازی کرده باشید")}{" "}
             </p>
             <Link to="/activation">{window.t("فعالسازی کتاب")}</Link>
           </div>

src/views/Activation/index.js

@@ -52,8 +52,8 @@ class Activation extends Component {
               <div className="activation__description d-flex">
                 <span>.</span>
                 <p style={{ fontSize: fontSize.desktop.p }}>
-                  کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد
-                  وارد تا کتاب الکترونیک آن فعالسازی شود
+                  کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر")}
+                  وارد")} وارد تا کتاب الکترونیک آن فعالسازی شود")}{" "}
                 </p>
               </div>
               <div className="activation__form d-flex">
@@ -73,7 +73,7 @@ class Activation extends Component {
                     });
                   }}
                 >
-                  ثبت کد فعال سازی
+                  ثبت کد فعال سازی")}{" "}
                 </button>
               </div>
               {/* <div className="activation__support d-flex align-center">
@@ -81,9 +81,7 @@ class Activation extends Component {
                   <img src={danger} />
                 </span>
                 <p style={{ fontSize: fontSize.desktop.p }}>
-                  کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد
-                  وارد تا کتاب الکترونیک آن فعالسازی شود
-                </p>
+                  کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد")}                  وارد تا کتاب الکترونیک آن فعالسازی شود")}                </p>
               </div>
               <div className="activation__history d-flex flex-column">
                 <h2 style={{ fontSize: fontSize.desktop.h2 }}>آخرین مشاهدات")}</h2>
@@ -107,7 +105,7 @@ class Activation extends Component {
               <div className="mobile-activation__description d-flex">
                 <span>.</span>
                 <p style={{ fontSize: fontSize.mobile.p }}>
-                  برای خدمات هوشمند کتاب کد فعال سازی را اینجا وارد نمایید
+                  برای خدمات هوشمند کتاب کد فعال سازی را اینجا وارد نمایید")}{" "}
                 </p>
               </div>
             </header>
@@ -156,7 +154,7 @@ class Activation extends Component {
                   this.props.updateStatus({ activationCode: this.state.code });
                 }}
               >
-                ثبت کد فعال سازی
+                ثبت کد فعال سازی")}{" "}
               </button>
             </div>
             {/* <div className="mobile-activation__support d-flex align-center">
@@ -164,9 +162,7 @@ class Activation extends Component {
                 <img src={danger} />
               </span>
               <p>
-                کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد
-                وارد تا کتاب الکترونیک آن فعالسازی شود
-              </p>
+                کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد")}                وارد تا کتاب الکترونیک آن فعالسازی شود")}              </p>
             </div> */}
             {/* <div className="mobile-activation__history d-flex flex-column">
               <h2>آخرین مشاهدات")}</h2>

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

@@ -74,7 +74,7 @@ export default class Cellphone extends Component {
                     style={{ fontSize: fontSize.desktop.button }}
                     type="submit"
                   >
-                    ادامه
+                    {window.t("ادامه")}{" "}
                   </button>
                 </form>
                 <div className="auth-cellphone__box--footer d-flex flex-column justify-content-center align-items-center">
@@ -86,7 +86,7 @@ export default class Cellphone extends Component {
                     }}
                     to="/page/privacy"
                   >
-                    شرایط استفاده و حریم خصوصی
+                    {window.t("شرایط استفاده و حریم خصوصی")}{" "}
                   </Link>
                 </div>
               </div>
@@ -108,8 +108,8 @@ export default class Cellphone extends Component {
                 {window.t("دانوین")}
               </h1>
               <p style={{ fontSize: fontSize.mobile.p }}>
-                به دانوین خوش اومدی برای عضویت و ادامه شماره موبایلت رو وارد کن
-                و روی گزینه ثبت بزن
+                به دانوین خوش اومدی برای عضویت و ادامه شماره موبایلت رو وارد
+                کن")} و روی گزینه ثبت بزن")}
               </p>
             </div>
             <form
@@ -145,7 +145,7 @@ export default class Cellphone extends Component {
                 style={{ fontSize: fontSize.mobile.button }}
                 type="submit"
               >
-                ادامه
+                ادامه")}{" "}
               </button>
             </form>
             <Link
@@ -157,7 +157,7 @@ export default class Cellphone extends Component {
               }}
               className="mobile-auth-cellphone__footer d-flex flex-column justify-content-center align-items-center"
             >
-              شرایط استفاده و حریم خصوصی
+              شرایط استفاده و حریم خصوصی")}{" "}
             </Link>
           </div>
         ) : null}

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

@@ -172,7 +172,7 @@ export default class Code extends Component {
                   </label>
                 </div>
                 <button style={{ fontSize: fontSize.desktop.button }}>
-                  ثبت
+                  ثبت")}{" "}
                 </button>
                 {!this.state.resendStatus ? (
                   <Timer seconds={60} parent={this} />
@@ -187,7 +187,7 @@ export default class Code extends Component {
                     className="timer d-flex mt-4"
                     onClick={() => this.setState({ resendStatus: false })}
                   >
-                    ارسال مجدد کد فعال سازی
+                    {window.t("ارسال مجدد کد فعال سازی")}{" "}
                   </div>
                 )}
                 <div
@@ -202,7 +202,7 @@ export default class Code extends Component {
                     this.props.parent.setState({ page: 0, cellphone: "" })
                   }
                 >
-                  بازگشت به مرحله قبل و اصلاح شماره
+                  بازگشت به مرحله قبل و اصلاح شماره")}{" "}
                 </div>
               </div>
               <div
@@ -309,7 +309,7 @@ export default class Code extends Component {
                 className="timer d-flex mt-4"
                 onClick={() => this.setState({ resendStatus: false })}
               >
-                ارسال مجدد کد فعال سازی
+                ارسال مجدد کد فعال سازی")}{" "}
               </div>
             )}
             <div
@@ -323,7 +323,7 @@ export default class Code extends Component {
                 this.props.parent.setState({ page: 0, cellphone: "" })
               }
             >
-              بازگشت به مرحله قبل و اصلاح شماره
+              بازگشت به مرحله قبل و اصلاح شماره")}{" "}
             </div>
           </div>
         ) : null}

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

@@ -98,7 +98,7 @@ export default class Timer extends Component {
                 fontSize: fontSize.mobile.div,
               }}
             >
-              زمان باقیمانده تا انقضای کد
+              زمان باقیمانده تا انقضای کد")}{" "}
             </div>
             <div
               style={{

src/views/Auth/Profile/index.js

@@ -409,10 +409,10 @@ class Profile extends Component {
                 <div className="d-flex align-items-center">
                   <div className="d-flex flex-column">
                     <h1 style={{ fontSize: fontSize.mobile.h1 }}>
-                      حساب کاربری
+                      {window.t("حساب کاربری")}{" "}
                     </h1>
                     <p style={{ fontSize: fontSize.mobile.p }}>
-                      لطفا مشخصات خود را به صورت کامل وارد نمایید
+                      {window.t("لطفا مشخصات خود را به صورت کامل وارد نمایید")}{" "}
                     </p>
                   </div>
                   <Upload name="file" parent={this} />

src/views/Auth/Splash/index.js

@@ -21,7 +21,7 @@ export default function Splash(props) {
           <img src={logo} alt={window.t("لوگو")} />
           <ProgressBar interval={600} offset={10} />
           <span className="mobile-splash__span">
-            در حال بارگیری اطلاعات از سرور
+            در حال بارگیری اطلاعات از سرور")}
           </span>
         </div>
       ) : null}

src/views/Blog/BreadCrumb/index.js

@@ -23,7 +23,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/"}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       {isblog ? (
         <Link
@@ -33,7 +33,7 @@ export default function ActiveLastBreadcrumb(props) {
           }}
           to={"/blogs"}
         >
-          وبلاگ
+          وبلاگ")}
         </Link>
       ) : null}
       <Link

src/views/Blogs/BreadCrumb/index.js

@@ -22,7 +22,7 @@ export default function ActiveLastBreadcrumb() {
         }}
         // onClick={handleClick}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       <Link
         to={"/blogs"}
@@ -33,7 +33,7 @@ export default function ActiveLastBreadcrumb() {
         }}
         // onClick={handleClick}
       >
-        وبلاگ
+        وبلاگ")}
       </Link>
     </Breadcrumbs>
   );

src/views/Callback/index.js

@@ -128,7 +128,7 @@ class Callback extends Component {
                   <section className="cart__right d-flex flex-column">
                     <header>
                       <h1 style={{ fontSize: fontSize.desktop.h1 }}>
-                        سبد خرید
+                        {window.t("سبد خرید")}{" "}
                       </h1>
                     </header>
                     <Table
@@ -142,7 +142,7 @@ class Callback extends Component {
                   <section className="cart__left d-flex flex-column p-3">
                     <header className="cart__left--header d-flex flex-column">
                       <h2 style={{ fontSize: fontSize.desktop.h2 }}>
-                        روشهای ارسال
+                        {window.t("روشهای ارسال")}
                       </h2>
                       <div className="d-flex justify-content-between">
                         {this.props.payMethods.map((item, i) => (
@@ -154,16 +154,16 @@ class Callback extends Component {
                     <Factor parent={this} />
                     <div className="cart__totalPrice d-flex align-items-center justify-content-center">
                       <h3 style={{ fontSize: fontSize.mobile.h2 }}>
-                        جمع کل
+                        {window.t("جمع کل")}
                         <br />
-                        سبد خرید
+                        {window.t("سبد خرید")}{" "}
                       </h3>
                       <div className="d-flex align-items-center">
                         <strong style={{ fontSize: fontSize.mobile.h1 }}>
                           {payPrice}
                         </strong>
                         <span style={{ fontSize: fontSize.mobile.h3 }}>
-                          تومان
+                          {window.t("تومان")}
                         </span>
                       </div>
                     </div>
@@ -217,8 +217,7 @@ class Callback extends Component {
               {/* <div className="mobile-cart__payMethods d-flex flex-column">
                 <h2 style={{ fontSize: fontSize.mobile.h2 }}>{window.t("روشهای ارسال")}</h2>
                 <p style={{ fontSize: fontSize.mobile.p }}>
-                  با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید
-                </p>
+                  با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید")}                </p>
 
                 <div className="d-flex justify-content-between">
                   {this.props.payMethods.map((item, i) => (

src/views/Cart/Discount/index.js

@@ -56,14 +56,14 @@ const DiscoutCode = ({
                   style={{ fontSize: fontSize.desktop.button }}
                   onClick={setOff}
                 >
-                  ثبت کد
+                  ثبت کد")}{" "}
                 </button>
               </div>
             </>
           ) : (
             <>
               <p style={{ fontSize: fontSize.desktop.p }}>
-                کد تخفیف برای شما ثبت شده است
+                کد تخفیف برای شما ثبت شده است")}{" "}
               </p>
               <div
                 className="discount-code__box d-flex align-items-center"
@@ -111,7 +111,7 @@ const DiscoutCode = ({
                   style={{ fontSize: fontSize.mobile.button }}
                   onClick={setOff}
                 >
-                  ثبت کد
+                  ثبت کد")}{" "}
                 </button>
               </div>
             </>
@@ -119,7 +119,7 @@ const DiscoutCode = ({
             <>
               {" "}
               <p style={{ fontSize: fontSize.mobile.p }}>
-                کد تخفیف برای شما ثبت شده است
+                کد تخفیف برای شما ثبت شده است")}{" "}
               </p>
               <div
                 className="discount-code__box d-flex align-items-center"

src/views/Cart/Factor/index.js

@@ -41,7 +41,7 @@ const Factor = (props) => {
             <strong>{window.t("هزینه ارسال")}</strong>
             <span>
               {factorInfo.transportPrice}
-              تومان
+              تومان")}
             </span>
           </div> */}
           <div className="d-flex justify-content-between">
@@ -70,27 +70,27 @@ const Factor = (props) => {
           </div>
           {/* <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              هزینه ارسال
+              هزینه ارسال")}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
               {factorInfo.transportPrice}
-              تومان
+              تومان")}
             </span>
           </div> */}
           <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              میزان تخفیف
+              میزان تخفیف")}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
-              {factorInfo.offPrice} تومان
+              {factorInfo.offPrice} تومان")}
             </span>
           </div>
           <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              مالیات بر ارزش افزوده
+              مالیات بر ارزش افزوده")}{" "}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
-              {factorInfo.vatPrice} تومان
+              {factorInfo.vatPrice} تومان")}
             </span>
           </div>
         </div>

src/views/Cart/Table/index.js

@@ -117,7 +117,7 @@ function BasicTable(props) {
                 <TableRow>
                   <TableCell align="center">
                     <span style={{ color: "grey" }}>
-                      مبلغ کل {factorInfo.sumPrice}
+                      {window.t("مبلغ کل")} {factorInfo.sumPrice}
                     </span>
                   </TableCell>
                   <TableCell align="right" component="th" scope="row">
@@ -163,7 +163,7 @@ function BasicTable(props) {
                   </TableCell>
                   <TableCell align="center">
                     <span style={{ color: "grey" }}>
-                      مبلغ کل {factorInfo.sumPrice}
+                      {window.t("مبلغ کل")} {factorInfo.sumPrice}
                     </span>
                   </TableCell>
                   <TableCell align="center" component="th" scope="row">
@@ -244,7 +244,7 @@ const Item = (props) => {
                         cursor: "pointer",
                       }}
                     >
-                      حذف
+                      {window.t("حذف")}
                     </span>
                   </div>
                 ) : null}
@@ -259,7 +259,7 @@ const Item = (props) => {
                 </strong>
                 {route !== "callback" ? (
                   <span style={{ fontSize: fontSize.mobile.price.span }}>
-                    {data.product.price || "100"} قیمت هر واحد
+                    {data.product.price || "100"} {window.t("قیمت هر واحد")}{" "}
                   </span>
                 ) : null}
               </div>
@@ -345,12 +345,11 @@ const Item = (props) => {
           <TableCell>
             <div className="cart-item__price d-flex flex-column justify-content-center align-items-center">
               <strong style={{ fontSize: fontSize.desktop.price.strong }}>
-                {data.product.price * data.count || "1000"} تومان
+                {data.product.price * data.count || "1000"} {window.t("تومان")}
               </strong>
               <span style={{ fontSize: fontSize.desktop.price.span }}>
-                قیمت هر عدد
-                {data.product.price || "100"}
-                تومان
+                {window.t("قیمت هر عدد")} {data.product.price || "100"}
+                {window.t("تومان")}
               </span>
             </div>
           </TableCell>
@@ -427,7 +426,7 @@ const Item = (props) => {
                   cursor: "pointer",
                 }}
               >
-                حذف
+                حذف")}
               </span>
             </div>
           </TableCell>

src/views/Cart/index.js

@@ -128,7 +128,7 @@ class Cart extends Component {
         >
           <Navbar />
           <div align="center" style={{ marginTop: 50 }}>
-            هیچ محصولی در سبد خرید شما وجود ندارد
+            {window.t("هیچ محصولی در سبد خرید شما وجود ندارد")}{" "}
           </div>
           <br />
           <Link
@@ -144,7 +144,7 @@ class Cart extends Component {
               margin: "10 auto",
             }}
           >
-            فروشگاه
+            {window.t("فروشگاه")}{" "}
           </Link>
         </div>
       );
@@ -172,7 +172,7 @@ class Cart extends Component {
                   <section className="cart__right d-flex flex-column">
                     <header>
                       <h1 style={{ fontSize: fontSize.desktop.h1 }}>
-                        سبد پیش خرید{" "}
+                        {window.t("سبد پیش خرید")}{" "}
                       </h1>
                     </header>
                     <Table
@@ -187,7 +187,7 @@ class Cart extends Component {
                     {false && factorInfo.transportId ? (
                       <header className="cart__left--header d-flex flex-column">
                         <h2 style={{ fontSize: fontSize.desktop.h2 }}>
-                          روشهای ارسال
+                          {window.t("روشهای ارسال")}
                         </h2>
                         <div className="d-flex justify-content-between">
                           {payMethods.map((item, i) => (
@@ -208,16 +208,16 @@ class Cart extends Component {
                     {factorInfo ? (
                       <div className="cart__totalPrice d-flex align-items-center justify-content-center">
                         <h3 style={{ fontSize: fontSize.mobile.h2 }}>
-                          جمع کل
+                          {window.t("جمع کل")}
                           <br />
-                          سبد خرید
+                          {window.t("سبد خرید")}{" "}
                         </h3>
                         <div className="d-flex align-items-center">
                           <strong style={{ fontSize: fontSize.mobile.h1 }}>
                             {factorInfo.payPrice - factorInfo.transportPrice}
                           </strong>
                           <span style={{ fontSize: fontSize.mobile.h3 }}>
-                            تومان
+                            {window.t("تومان")}
                           </span>
                         </div>
                       </div>
@@ -225,11 +225,10 @@ class Cart extends Component {
 
                     {/* <div className="cart__left--header d-flex flex-column mt-3">
                       <h2 style={{ fontSize: fontSize.desktop.h2 }}>
-                        روشهای ارسال
+                        {window.t("روشهای ارسال")}
                       </h2>
                       <p style={{ fontSize: fontSize.desktop.p }}>
-                        با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید
-                      </p>
+                        {window.t("با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید")}                      </p>
                       <div className="d-flex justify-content-between">
                         {payMethods.map((item, i) => (
                           <DeliveryMethod data={item} key={i} parent={this} />
@@ -243,7 +242,7 @@ class Cart extends Component {
                       style={{ textDecoration: "none", textAlign: "center" }}
                       //onClick={() => this.props.payFactor({ userId: userId })}
                     >
-                      ادامه
+                      {window.t("ادامه")}{" "}
                     </Link>
                   </section>
                 </div>
@@ -328,8 +327,7 @@ class Cart extends Component {
               {/* <div className="mobile-cart__payMethods d-flex flex-column">
                 <h2 style={{ fontSize: fontSize.mobile.h2 }}>{window.t("روشهای ارسال")}</h2>
                 <p style={{ fontSize: fontSize.mobile.p }}>
-                  با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید
-                </p>
+                  با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید")}                </p>
 
                 <div className="d-flex justify-content-between">
                   {this.props.payMethods.map((item, i) => (
@@ -341,8 +339,7 @@ class Cart extends Component {
                 className="mobile-cart__submit"
                 onClick={() => this.props.payFactor({ userId: userId })}
               >
-                پرداخت
-
+                پرداخت")}
               </button> */}
 
               <br />
@@ -352,7 +349,7 @@ class Cart extends Component {
                   to="/page/privacy"
                   style={{ fontSize: "13px", margin: 0, padding: 0 }}
                 >
-                  شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام
+                  شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام")}
                 </Link>
               </div>
               <div className="product-addtocart__box--accept d-flex">
@@ -361,7 +358,7 @@ class Cart extends Component {
                   to="/page/returning"
                   style={{ fontSize: "13px", margin: 0, padding: 0 }}
                 >
-                  شرایط مرجوع کردن کالا در دانوین
+                  شرایط مرجوع کردن کالا در دانوین")}
                 </Link>
               </div>
               <Link
@@ -370,7 +367,7 @@ class Cart extends Component {
                 style={{ textAlign: "center", textDecoration: "none" }}
                 //  onClick={() => this.props.payFactor({ userId: userId })}
               >
-                ادامه
+                ادامه")}{" "}
               </Link>
             </div>
           ) : (

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

@@ -35,7 +35,7 @@ export default class RadioMessage extends Component {
             className="message-2d__submit"
             onClick={() => toast.success(window.t("ثبت شد"))}
           >
-            ثبت
+            ثبت")}{" "}
             <ArrowRightAltIcon
               style={{ color: "white", width: 32, height: 32, marginLeft: 10 }}
             />

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

@@ -265,7 +265,7 @@ export default class NormalMessage extends Component {
                   <span>
                     +5
                     <br />
-                    خلاقیت
+                    {window.t("خلاقیت")}{" "}
                   </span>
                 </div>
               </>

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

@@ -28,8 +28,7 @@ export default class RadioMessage extends Component {
             className="message-2d__submit"
             onClick={() => action({ value })}
           >
-            ثبت
-            <ArrowRightAltIcon />
+            ثبت")} <ArrowRightAltIcon />
           </button>
         )}
       </div>

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

@@ -51,8 +51,7 @@ export default class SliderMessage extends Component {
         </Grid>
         {isActive && (
           <button className="message-2d__submit" onClick={() => action()}>
-            ثبت
-            <ArrowRightAltIcon />
+            ثبت")} <ArrowRightAltIcon />
           </button>
         )}
       </div>

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

@@ -27,8 +27,7 @@ export default class DraggableMessage extends Component {
         />
         {isActive && (
           <button className="message-2d__submit" onClick={() => action()}>
-            ثبت
-            <ArrowRightAltIcon />
+            ثبت")} <ArrowRightAltIcon />
           </button>
         )}
       </div>

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

@@ -24,7 +24,7 @@ export default class DraggableMessage extends Component {
       className="message-2d__submit"
       onClick={(e) => this.props.action({ value: e.target.value })}
     >
-      ثبت
+      ثبت")}{" "}
     </button>
   );
 }

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

@@ -50,8 +50,7 @@ export default class Message extends Component {
           ) : null}
           {/* {isActive && (
             <button className="message-2d__submit" onClick={() => action({ value })}>
-              ثبت
-              <ArrowRightAltIcon />
+              ثبت")}              <ArrowRightAltIcon />
             </button>
           )} */}
         </Normal>

src/views/ChatRoom/Body/index.js

@@ -460,13 +460,13 @@ class List extends Component {
                         style={{ color: "#00ff00" }}
                         onClick={() => this.sendFile()}
                       >
-                        ارسال
+                        {window.t("ارسال")}
                       </button>
                       <button
                         style={{ color: "#ffffff" }}
                         onClick={() => this.cancelSendFile()}
                       >
-                        کنسل
+                        {window.t("کنسل")}
                       </button>
                     </div>
                   </div>
@@ -572,13 +572,13 @@ class List extends Component {
                         style={{ color: "#00ff00" }}
                         onClick={() => this.sendFile()}
                       >
-                        ارسال
+                        {window.t("ارسال")}
                       </button>
                       <button
                         style={{ color: "#ffffff" }}
                         onClick={() => this.cancelSendFile()}
                       >
-                        کنسل
+                        {window.t("کنسل")}
                       </button>
                     </div>
                   </div>

src/views/ChatRoom/Header/index.js

@@ -83,19 +83,19 @@ class Header extends Component {
               className="fontLight menu"
               onClick={() => this.handleClose()}
             >
-              پروفایل
+              پروفایل")}
             </MenuItem>
             <MenuItem
               className="fontLight menu"
               onClick={() => this.handleClose()}
             >
-              حساب کاربری
+              حساب کاربری")}{" "}
             </MenuItem>
             <MenuItem
               className="fontLight menu"
               onClick={() => this.handleClose()}
             >
-              خروج
+              خروج")}{" "}
             </MenuItem>
           </Menu>
         </div>

src/views/ChatRoom/Info/index.js

@@ -202,7 +202,7 @@ export default class ChatInfo extends Component {
                 </div>
                 <div className="desktop-contact-info__body--options desktop-contact-info__body--options__click d-flex justify-content-between align-items-center">
                   <h3 style={{ color: "red", fontSize: fontSize.desktop.h3 }}>
-                    مسدود سازی مخاطب
+                    {window.t("مسدود سازی مخاطب")}{" "}
                   </h3>
                   <BlockIcon style={{ width: 30, height: 30, color: "red" }} />
                 </div>

src/views/Checkout/Discount/index.js

@@ -34,7 +34,7 @@ const DiscoutCode = ({ codeId, setCodeId, userId, factorId }) => {
             {window.t("کد تخفیف")}
           </h2>
           <p style={{ fontSize: fontSize.desktop.p }}>
-            اگر کد تخفیفی دارید آن را در کادر زیر وارد نمائید
+            اگر کد تخفیفی دارید آن را در کادر زیر وارد نمائید")}{" "}
           </p>
           <div className="discount-code__box d-flex align-items-center">
             <input
@@ -47,7 +47,7 @@ const DiscoutCode = ({ codeId, setCodeId, userId, factorId }) => {
               style={{ fontSize: fontSize.desktop.button }}
               onClick={setOff}
             >
-              ثبت کد
+              ثبت کد")}{" "}
             </button>
           </div>
         </div>
@@ -70,7 +70,7 @@ const DiscoutCode = ({ codeId, setCodeId, userId, factorId }) => {
               style={{ fontSize: fontSize.mobile.button }}
               onClick={setOff}
             >
-              ثبت کد
+              ثبت کد")}{" "}
             </button>
           </div>
         </div>

src/views/Checkout/Factor/index.js

@@ -39,7 +39,7 @@ const Factor = (props) => {
             <strong>{window.t("هزینه ارسال")}</strong>
             <span>
               {factorInfo.transportPrice}
-              تومان
+              تومان")}
             </span>
           </div>
           <div className="d-flex justify-content-between">
@@ -56,35 +56,35 @@ const Factor = (props) => {
         <div className="factor d-flex flex-column">
           <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              مبلغ سبد خرید
+              مبلغ سبد خرید")}{" "}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
-              {factorInfo.sumPrice} تومان
+              {factorInfo.sumPrice} تومان")}
             </span>
           </div>
           <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              هزینه ارسال
+              هزینه ارسال")}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
               {factorInfo.transportPrice}
-              تومان
+              تومان")}
             </span>
           </div>
           <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              میزان تخفیف
+              میزان تخفیف")}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
-              {factorInfo.offPrice} تومان
+              {factorInfo.offPrice} تومان")}
             </span>
           </div>
           <div className="d-flex justify-content-between">
             <strong style={{ fontSize: fontSize.desktop.strong }}>
-              مالیات بر ارزش افزوده
+              مالیات بر ارزش افزوده")}{" "}
             </strong>
             <span style={{ fontSize: fontSize.desktop.span }}>
-              {factorInfo.vatPrice} تومان
+              {factorInfo.vatPrice} تومان")}
             </span>
           </div>
         </div>

src/views/Checkout/Table/index.js

@@ -178,7 +178,7 @@ const Item = (props) => {
             <div className="mobile-cart-table-price d-flex flex-column align-items-center">
               <div className="mobile-cart-table-price__price d-flex flex-column justify-content-center align-items-center">
                 <strong style={{ fontSize: 14 }}>
-                  {data.product.price * data.count || "1000"} تومان
+                  {data.product.price * data.count || "1000"} تومان")}
                 </strong>
               </div>
               {route === "cart" ? (
@@ -191,7 +191,7 @@ const Item = (props) => {
           {route === "callback" ? (
             <TableCell>
               <strong className="d-flex justify-content-center align-items-center">
-                {data.count} عدد
+                {data.count} عدد")}{" "}
               </strong>
             </TableCell>
           ) : null}

src/views/Checkout/index.js

@@ -146,7 +146,7 @@ class Cart extends Component {
         >
           <Navbar />
           <div align="center" style={{ marginTop: 50 }}>
-            هیچ محصولی در سبد خرید شما وجود ندارد
+            هیچ محصولی در سبد خرید شما وجود ندارد")}{" "}
           </div>
           <br />
           <Link
@@ -162,7 +162,7 @@ class Cart extends Component {
               margin: "10 auto",
             }}
           >
-            فروشگاه
+            فروشگاه")}{" "}
           </Link>
         </div>
       );
@@ -188,7 +188,7 @@ class Cart extends Component {
                   <section className="cart__right d-flex flex-column">
                     <header>
                       <h1 style={{ fontSize: fontSize.desktop.h1 }}>
-                        جزئیات صورتحساب
+                        {window.t("جزئیات صورتحساب")}{" "}
                       </h1>
                     </header>
                     <span>{window.t("مشخصات تحویل گیرنده")}</span>
@@ -264,7 +264,7 @@ class Cart extends Component {
                     {factorInfo.transportId ? (
                       <header className="cart__left--header d-flex flex-column">
                         <h2 style={{ fontSize: fontSize.desktop.h2 }}>
-                          روشهای ارسال
+                          {window.t("روشهای ارسال")}
                         </h2>
                         <div className="d-flex justify-content-between">
                           {payMethods.map((item, i) => (
@@ -292,16 +292,16 @@ class Cart extends Component {
                     {factorInfo ? (
                       <div className="cart__totalPrice d-flex align-items-center justify-content-center">
                         <h3 style={{ fontSize: fontSize.mobile.h2 }}>
-                          جمع کل
+                          {window.t("جمع کل")}
                           <br />
-                          صورتحساب
+                          {window.t("صورتحساب")}{" "}
                         </h3>
                         <div className="d-flex align-items-center">
                           <strong style={{ fontSize: fontSize.mobile.h1 }}>
                             {factorInfo.payPrice}
                           </strong>
                           <span style={{ fontSize: fontSize.mobile.h3 }}>
-                            تومان
+                            {window.t("تومان")}
                           </span>
                         </div>
                       </div>
@@ -309,11 +309,10 @@ class Cart extends Component {
 
                     {/* <div className="cart__left--header d-flex flex-column mt-3">
                       <h2 style={{ fontSize: fontSize.desktop.h2 }}>
-                        روشهای ارسال
+                        {window.t("روشهای ارسال")}
                       </h2>
                       <p style={{ fontSize: fontSize.desktop.p }}>
-                        با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید
-                      </p>
+                        {window.t("با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید")}                      </p>
                       <div className="d-flex justify-content-between">
                         {payMethods.map((item, i) => (
                           <DeliveryMethod data={item} key={i} parent={this} />
@@ -334,7 +333,7 @@ class Cart extends Component {
                         })
                       }
                     >
-                      پرداخت
+                      {window.t("پرداخت")}{" "}
                     </button>
                   </section>
                 </div>
@@ -464,9 +463,9 @@ class Cart extends Component {
 
               <div className="mobile-cart__totalPrice d-flex align-items-center justify-content-center mt-2">
                 <h3 style={{ fontSize: fontSize.mobile.h2 }}>
-                  جمع کل
+                  جمع کل")}
                   <br />
-                  سبد خرید
+                  سبد خرید")}{" "}
                 </h3>
                 {factorInfo ? (
                   <div className="d-flex align-items-center">
@@ -483,8 +482,7 @@ class Cart extends Component {
               {/* <div className="mobile-cart__payMethods d-flex flex-column">
                 <h2 style={{ fontSize: fontSize.mobile.h2 }}>{window.t("روشهای ارسال")}</h2>
                 <p style={{ fontSize: fontSize.mobile.p }}>
-                  با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید
-                </p>
+                  با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید")}                </p>
 
                 <div className="d-flex justify-content-between">
                   {this.props.payMethods.map((item, i) => (
@@ -496,8 +494,7 @@ class Cart extends Component {
                 className="mobile-cart__submit"
                 onClick={() => this.props.payFactor({ userId: userId })}
               >
-                پرداخت
-              </button> */}
+                پرداخت")}              </button> */}
               <Link
                 style={{ textAlign: "center", textDecoration: "none" }}
                 to="/checkout"
@@ -514,7 +511,7 @@ class Cart extends Component {
                   })
                 }
               >
-                پرداخت
+                پرداخت")}{" "}
               </Link>
             </div>
           ) : (

src/views/Download/BreadCrumb/index.js

@@ -21,7 +21,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/"}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       <Link
         style={{
@@ -31,7 +31,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/download"}
       >
-        دریافت افزونه واقعیت افزوده
+        دریافت افزونه واقعیت افزوده")}{" "}
       </Link>
     </Breadcrumbs>
   );

src/views/Download/index.js

@@ -59,7 +59,8 @@ class AR extends Component {
                   : fontSize.mobile.p,
             }}
           >
-            برای استفاده از بخش واقعیت افزوده می بایست افزونه آن را نصب نمایید
+            برای استفاده از بخش واقعیت افزوده می بایست افزونه آن را نصب
+            نمایید")}{" "}
           </p>
           <a
             href="https://dnvn.ir/ar.apk"
@@ -73,7 +74,7 @@ class AR extends Component {
               textAlign: "center",
             }}
           >
-            دریافت افزونه
+            دریافت افزونه")}{" "}
           </a>
         </div>
       </div>

src/views/Faq/index.js

@@ -94,7 +94,7 @@ class Faq extends Component {
                 <Navbar page={"faq"} />
                 <header className="faq__header d-flex flex-column align-items-center">
                   <h1 style={{ fontSize: fontSize.desktop.h1 }}>
-                    سلام چطوری میتونم کمکتون کنم؟
+                    {window.t("سلام چطوری میتونم کمکتون کنم?")}
                   </h1>
                   <div className="faq__header--search d-flex align-items-center">
                     <input
@@ -106,7 +106,7 @@ class Faq extends Component {
                       type="submit"
                       style={{ fontSize: fontSize.mobile.button }}
                     >
-                      جستجو
+                      {window.t("جستجو")}
                     </button>
                   </div>
                 </header>

src/views/Home/Download/index.js

@@ -9,7 +9,7 @@ const H_DownloadApp = () => {
       {window.innerWidth > 1000 ? (
         <div className="h-download-app" id="download">
           <div className="h-download-app-text">
-            لذت یادگیری را با")}<span>{window.t("دانوین")}</span> تجربه کنید
+            لذت یادگیری را با")}<span>{window.t("دانوین")}</span> تجربه کنید")}{" "}
           </div>
           <div className="h-download-app-content">
             <div className="h-download-app-content-box1"></div>
@@ -27,7 +27,7 @@ const H_DownloadApp = () => {
               </div>
               <div className="h-download-app-content-box2-text">
                 <div className="h-download-app-content-box2-text-title">
-                  دریافت اپلیکیشن اختصاصی دانوین
+                  دریافت اپلیکیشن اختصاصی دانوین")}
                 </div>
                 <div className="h-download-app-content-box2-text-subtitle">
                   به راحتی از همین جا دانلود کنید...
@@ -58,7 +58,7 @@ const H_DownloadApp = () => {
             </div>
             <div className="h-download-app-content-box2-text">
               <div className="h-download-app-content-box2-text-title">
-                دریافت اپلیکیشن اختصاصی دانوین
+                دریافت اپلیکیشن اختصاصی دانوین")}
               </div>
               <div className="h-download-app-content-box2-text-subtitle">
                 به راحتی از همین جا دانلود کنید...

src/views/Home/HomeScroll/Product/index.js

@@ -19,13 +19,13 @@ export default class Product extends Component {
               {data.oldPrice ? (
                 <div>
                   <div className="scroll-product__price--old d-flex">
-                    {data.oldPrice} تومان
+                    {data.oldPrice} تومان")}
                     <span></span>
                   </div>
                 </div>
               ) : null}
               <div className="scroll-product__price--price">
-                {data.price} تومان
+                {data.price} تومان")}
               </div>
             </div>
           ) : (

src/views/Home/HomeSearch/index.js

@@ -78,7 +78,7 @@ class HomeSearch extends Component {
               });
             }}
           >
-            جستجو
+            جستجو")}
           </button>
         </div>
       </>

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

@@ -60,10 +60,11 @@ export default class Simple extends Component {
                   {/* <img src={} /> */}
                   <div className="d-flex flex-column">
                     <span style={{ fontSize: fontSize.desktop.span }}>
-                      مطالعه کامل در {data.duration} دقیقه
+                      {window.t("مطالعه کامل در {data.duration} دقیقه")}{" "}
                     </span>
                     <span style={{ fontSize: fontSize.desktop.span }}>
-                      تاریخ انتشار {moment(data.createdAt).format("YYYY/MM/DD")}
+                      {window.t("تاریخ انتشار")}{" "}
+                      {moment(data.createdAt).format("YYYY/MM/DD")}
                     </span>
                   </div>
                 </div>
@@ -71,7 +72,7 @@ export default class Simple extends Component {
                   style={{ fontSize: fontSize.desktop.a }}
                   to={`/blogs/${data.id}`}
                 >
-                  ادامه مطلب
+                  {window.t("ادامه مطلب")}{" "}
                 </Link>
               </div>
               <span
@@ -126,10 +127,11 @@ export default class Simple extends Component {
                     style={{ fontSize: "12px" }}
                   >
                     <span>
-                      {window.t("مطالعه کامل در {data.duration} دقیقه")}
+                      {window.t("مطالعه کامل در")} {data.duration} دقیقه")}
                     </span>
                     <span>
-                      تاریخ انتشار {moment(data.createdAt).format("YYYY/MM/DD")}
+                      {window.t("تاریخ انتشار")}{" "}
+                      {moment(data.createdAt).format("YYYY/MM/DD")}
                     </span>
                   </div>
                 </div>

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

@@ -49,7 +49,7 @@ export default class Simple extends Component {
                 style={{ fontSize: mobile ? 14 : fontSize.desktop.available }}
                 className="slider-simple__price--price d-flex"
               >
-                {data.price} تومان
+                {data.price} تومان")}
               </div>
             </div>
           ) : (
@@ -57,7 +57,7 @@ export default class Simple extends Component {
               style={{ fontSize: fontSize.desktop.notAvailable }}
               className="slider-simple__notAvailabe"
             >
-              ناموجود
+              ناموجود")}{" "}
             </div>
           )}
         </Link>

src/views/Home/Membership/index.js

@@ -11,7 +11,7 @@ class Membership extends Component {
           <div className="membership d-flex">
             <div className="d-flex flex-column">
               <h1>
-                <strong>{window.t("دانوینی")}</strong> شو
+                <strong>{window.t("دانوینی")}</strong> شو")}
               </h1>
               <p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p>
             </div>
@@ -26,7 +26,7 @@ class Membership extends Component {
           <div className="mobile-membership d-flex">
             <div className="d-flex flex-column">
               <h1>
-                <strong>{window.t("دانوینی")}</strong> شو
+                <strong>{window.t("دانوینی")}</strong> شو")}
               </h1>
               <p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p>
             </div>

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

@@ -62,7 +62,7 @@ class LaptopNavbar extends Component {
                   color: "#6f7074",
                 }}
               >
-                دانلود
+                دانلود")}{" "}
               </span>
             </li>
           </ul>
@@ -87,7 +87,7 @@ class LaptopNavbar extends Component {
               </Dropdown> */}
 
               <Link to="/cart" className="laptop-navbar__logout">
-                سبد خرید
+                سبد خرید")}{" "}
                 <img
                   width="20"
                   height="23"
@@ -126,7 +126,7 @@ class LaptopNavbar extends Component {
                     this.setState({ dropdown: false });
                   }}
                 >
-                  خروج
+                  خروج")}{" "}
                 </MenuItem>
               </Menu>
               <div
@@ -162,7 +162,7 @@ class LaptopNavbar extends Component {
                 to={"/auth"}
                 className="laptop-navbar__signup"
               >
-                ورود یا ثبت‌نام
+                ورود یا ثبت‌نام")}
               </Link>
             </>
           )}

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

@@ -94,7 +94,7 @@ export default function MobileNavbar(props) {
             to={"/auth"}
             className="mobile-navbar__signup"
           >
-            ورود یا ثبت‌نام
+            ورود یا ثبت‌نام")}
           </Link>
           {page !== "home" ? <BackButton /> : null}
         </div>

src/views/Home/SingleBlog/index.js

@@ -32,7 +32,7 @@ export default class SingleBlog extends Component {
             style={{ fontSize: fontSize.desktop.a }}
             to={"/blogs/" + data.id}
           >
-            ادامه مطلب
+            ادامه مطلب")}{" "}
           </Link>
         </div>
         <div

src/views/MyBooks/index.js

@@ -33,13 +33,13 @@ class MyBooks extends Component {
         <div className="mybooks-title">{window.t("کتاب‌ های من")}</div>
         <div className="mybooks-tabs">
           <div className="mybooks-tabs-item mybooks-tabs-item1 mybooks-tabs-active">
-            فعال سازی شده
+            {window.t("فعال سازی شده")}{" "}
           </div>
           <div
             className="mybooks-tabs-item mybooks-tabs-item2"
             style={{ opacity: 0.2 }}
           >
-            دیجیتال{" "}
+            {window.t("دیجیتال")}
           </div>
         </div>
         <div className="mybooks-main-content">
@@ -57,17 +57,18 @@ class MyBooks extends Component {
                 </div>
                 <div className="mybooks-main-content-row1-text d-flex justify-content-between flex-column">
                   <div className="mybooks-main-content-row1-text-name">
-                    {item.product.book.name} {"پایه "}
+                    {item.product.book.name} {"پایه"}
                     {grades[item.product.book.gradeId]}
                   </div>
                   <div className="mybooks-main-content-row1-text-activation-date">
-                    تاریخ فعال‌سازی: {moment(item.updatedAt).format("YYYY/M/D")}
+                    {window.t("تاریخ فعال‌سازی:")}{" "}
+                    {moment(item.updatedAt).format("YYYY/M/D")}
                   </div>
                   <div className="mybooks-main-content-row1-text-activation-code">
-                    کد فعال‌سازی: {item.activationCode}
+                    {window.t("کد فعال‌سازی:")} {item.activationCode}
                   </div>
                   <div className="d-flex justify-content-around mybooks-main-content_bottoms">
-                    <Link to="/qr-scan"> اسکن بارکد")}</Link>
+                    <Link to="/qr-scan"> {window.t("اسکن بارکد")}</Link>
                     {window.innerWidth < 1000 ? (
                       <a
                         href={`https://ar.dnvn.ir/lunch?id=${item.product?.ARId}`}
@@ -75,7 +76,7 @@ class MyBooks extends Component {
                         rel="noreferrer"
                         className=""
                       >
-                        واقعیت افزوده
+                        {window.t("واقعیت افزوده")}{" "}
                       </a>
                     ) : null}
                   </div>

src/views/MyBooks_old/BreadCrumb/index.js

@@ -21,7 +21,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/"}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       <Link
         style={{
@@ -31,7 +31,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/mybooks"}
       >
-        کتاب‌های من
+        کتاب‌های من")}
       </Link>
     </Breadcrumbs>
   );

src/views/MyBooks_old/index.js

@@ -49,8 +49,10 @@ class MyBooks extends React.Component {
                       style={{ width: "100vw", height: "calc(100vh - 400px)" }}
                     >
                       <p style={{ fontSize: fontSize.desktop.p }}>
-                        برای استفاده از این بخش باید یک کتاب فعال خریداری کرده
-                        باشید
+                        {window.t(
+                          "برای استفاده از این بخش باید یک کتاب فعال خریداری کرده"
+                        )}{" "}
+                        {window.t("باشید")}{" "}
                       </p>
                       <Link to="/products">{window.t("فروشگاه")}</Link>
                     </div>
@@ -83,8 +85,10 @@ class MyBooks extends React.Component {
                       style={{ height: "calc(100vh - 100px)", width: "100vw" }}
                     >
                       <p style={{ fontSize: fontSize.mobile.p }}>
-                        برای استفاده از این بخش باید یک کتاب فعال خریداری کرده
-                        باشید
+                        {window.t(
+                          "برای استفاده از این بخش باید یک کتاب فعال خریداری کرده"
+                        )}{" "}
+                        {window.t("باشید")}{" "}
                       </p>
                       <Link to="/products">{window.t("فروشگاه")}</Link>
                     </div>

src/views/Orders/index.js

@@ -30,7 +30,7 @@ class Orders extends Component {
       <div className="order">
         <Navbar />
         <div className="order-title" align="center">
-          سفارشات من
+          {window.t("سفارشات من")}
         </div>
         <div className="order-data-container">
           {data != null &&
@@ -38,7 +38,7 @@ class Orders extends Component {
               <div key={i} className="order-data-container-item">
                 <div className="order-data-container-item-row1">
                   <div className="order-data-container-item-row1-order-id">
-                    شناسه سفارش: <span>{item.id}</span>
+                    {window.t("شناسه سفارش")}: <span>{item.id}</span>
                   </div>
                   <div className="order-data-container-item-row1-order-status">
                     <div
@@ -73,7 +73,8 @@ class Orders extends Component {
                 </div>
                 <div className="order-data-container-item-row2">
                   <div className="order-data-container-item-row2-transactionId">
-                    شناسه پرداخت : <span>{item.transactionId}</span>
+                    {window.t("شناسه پرداخت")} :{" "}
+                    <span>{item.transactionId}</span>
                   </div>
                   <div className="order-data-container-item-row2-order-date">
                     <span>
@@ -84,12 +85,12 @@ class Orders extends Component {
 
                 <div className="order-data-container-item-row3 d-flex">
                   <div className="order-data-container-item-row3-order-price ">
-                    مبلغ : <span>{item.payPrice}</span>{" "}
+                    {window.t("مبلغ")} : <span>{item.payPrice}</span>{" "}
                     <span className="odcir2op-unit">{window.t("تومان")}</span>
                   </div>
 
                   <div className="order-data-container-item-row3-order-offcodeprice">
-                    تخفیف : <span>{item.offPrice}</span>{" "}
+                    {window.t("تخفیف")} : <span>{item.offPrice}</span>{" "}
                     <span className="odcir2oo-unit">{window.t("تومان")}</span>
                   </div>
                 </div>

src/views/Product/AddToCart/index.js

@@ -71,13 +71,13 @@ function AddToCart(props) {
                   <strong style={{ fontSize: fontSize.desktop.strong }}>
                     {price}
                   </strong>{" "}
-                  تومان
+                  تومان")}
                 </div>
               </div>
 
               {off ? (
                 <span style={{ fontSize: fontSize.desktop.span }}>
-                  {off} تومان تخفیف
+                  {off} تومان تخفیف")}
                 </span>
               ) : null}
             </div>
@@ -89,8 +89,7 @@ function AddToCart(props) {
               style={{ fontSize: fontSize.desktop.button }}
               className="product-addtocart__box--sampleButton"
             >
-              مشاهده نمونه کتاب
-              <img src={document_red} alt="" />
+              مشاهده نمونه کتاب")} <img src={document_red} alt="" />
             </Link>
             <Link
               // to={`/products/${
@@ -136,8 +135,7 @@ function AddToCart(props) {
                 }
               }}
             >
-              افزودن به سبد خرید
-              <img src={basket_white} alt="" />
+              افزودن به سبد خرید")} <img src={basket_white} alt="" />
             </button>
             <div className="product-addtocart__box--accept d-flex">
               <input type="checkbox" checked={true} />
@@ -145,7 +143,7 @@ function AddToCart(props) {
                 to="/page/privacy"
                 style={{ fontSize: "13px", margin: 0, padding: 0 }}
               >
-                شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام
+                شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام")}
               </Link>
             </div>
             <div className="product-addtocart__box--accept d-flex">
@@ -154,7 +152,7 @@ function AddToCart(props) {
                 to="/page/returning"
                 style={{ fontSize: "13px", margin: 0, padding: 0 }}
               >
-                شرایط مرجوع کردن کالا در دانوین
+                شرایط مرجوع کردن کالا در دانوین")}
               </Link>
             </div>
           </div>

src/views/Product/BreadCrumb/index.js

@@ -22,7 +22,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/"}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       <Link
         style={{
@@ -31,7 +31,7 @@ export default function ActiveLastBreadcrumb(props) {
         }}
         to={"/products"}
       >
-        محصولات
+        محصولات")}{" "}
       </Link>
       <Link
         style={{

src/views/Product/Comment/Reply/index.js

@@ -16,7 +16,7 @@ const Replay = (props) => {
       {window.innerWidth > 1000 ? (
         <div className="reply d-flex flex-column justify-content-center">
           <strong style={{ fontSize: fontSize.desktop.strong }}>
-            پاسخ مدیریت سایت
+            پاسخ مدیریت سایت")}{" "}
           </strong>
           <p style={{ fontSize: fontSize.desktop.p }}>{props.data}</p>
         </div>

src/views/Product/MaterialModal/index.js

@@ -83,13 +83,13 @@ function SimpleModal(props) {
         style={{ marginTop: 20, borderRadius: 6, padding: 8 }}
         onClick={() => submitComment()}
       >
-        ثبت
+        ثبت")}{" "}
       </button>
       <button
         style={{ marginTop: 20, borderRadius: 6, padding: 8 }}
         onClick={() => cancle()}
       >
-        انصراف
+        انصراف")}
       </button>
     </div>
   );

src/views/Product/index.js

@@ -97,7 +97,7 @@ function Addbutton({ page, info, pushToCart, userId }) {
       className="mobile-product__header--sampleButton"
       style={{ fontSize: fontSize.mobile.a }}
     >
-      افزودن به سبد خرید
+      {window.t("افزودن به سبد خرید")}{" "}
     </button>
   );
 }
@@ -167,10 +167,10 @@ class Product extends Component {
                 <div className="product__comments d-flex flex-column">
                   <div className="d-flex justify-content-between">
                     <h3 style={{ fontSize: fontSize.desktop.h1 }}>
-                      نظرات خریداران
+                      {window.t("نظرات خریداران")}
                     </h3>
                     <button onClick={() => this.handleOpenComment()}>
-                      ارسال نظر
+                      {window.t("ارسال نظر")}
                       <img src={send_comment} alt={window.t("ارسال نظر")} />
                     </button>
                   </div>
@@ -182,8 +182,10 @@ class Product extends Component {
                       ))
                     ) : (
                       <div className="nocomments">
-                        از اینکه با نظرات خود ما را در ارتقای کیفیت محصولاتمان
-                        یاری کنید ، سپاسگزاریم
+                        {window.t(
+                          "از اینکه با نظرات خود ما را در ارتقای کیفیت محصولاتمان"
+                        )}
+                        {window.t("یاری کنید ، سپاسگزاریم")}
                       </div>
                     )}
                   </div>
@@ -227,7 +229,7 @@ class Product extends Component {
                     {page === "digital"
                       ? info.product[0].price
                       : info.product[0].price}{" "}
-                    تومان
+                    {window.t("تومان")}
                   </h3>
                   <div className="d-flex flex-column mt-3">
                     <div className="d-flex">
@@ -264,7 +266,7 @@ class Product extends Component {
                         className="mobile-product__header--purchase"
                         style={{ fontSize: fontSize.mobile.a }}
                       >
-                        مطالعه نمونه کتاب
+                        {window.t("مطالعه نمونه کتاب")}{" "}
                       </Link>
                     </div>
 
@@ -286,7 +288,7 @@ class Product extends Component {
                 </div>
                 <div className="mobile-product__modules d-flex flex-column">
                   <h3 style={{ fontSize: fontSize.mobile.h3 }}>
-                    این کتاب شامل چه مواردی است؟
+                    {window.t("این کتاب شامل چه مواردی است؟")}
                   </h3>
                   <ul>
                     {/* {product.modules.map((item, i) => (
@@ -305,10 +307,10 @@ class Product extends Component {
                 <div className="mobile-product__comments d-flex flex-column">
                   <div className="d-flex justify-content-between align-items-center mb-3">
                     <h3 style={{ fontSize: fontSize.mobile.h3 }}>
-                      نظرات خریداران
+                      {window.t("نظرات خریداران")}
                     </h3>
                     <button onClick={() => this.handleOpenComment()}>
-                      ارسال نظر
+                      {window.t("ارسال نظر")}
                       <img src={send_comment} alt={window.t("ارسال نظر")} />
                     </button>
                   </div>
@@ -319,8 +321,10 @@ class Product extends Component {
                       ))
                     ) : (
                       <div className="nocomments">
-                        از اینکه با نظرات خود ما را در ارتقای کیفیت محصولاتمان
-                        یاری کنید ، سپاسگزاریم
+                        {window.t(
+                          "از اینکه با نظرات خود ما را در ارتقای کیفیت محصولاتمان"
+                        )}
+                        {window.t("یاری کنید ، سپاسگزاریم")}
                       </div>
                     )}
                   </div>
@@ -353,7 +357,7 @@ class Product extends Component {
                     textAlign: "center",
                   }}
                 >
-                  سبد خرید
+                  سبد خرید")}{" "}
                 </Link>
               </div>
               <MaterialModal

src/views/Products/BreadCrumb/index.js

@@ -22,7 +22,7 @@ export default function ActiveLastBreadcrumb() {
         }}
         // onClick={handleClick}
       >
-        صفحه اصلی
+        صفحه اصلی")}{" "}
       </Link>
       <Link
         to={"/products"}
@@ -33,7 +33,7 @@ export default function ActiveLastBreadcrumb() {
         }}
         // onClick={handleClick}
       >
-        محصولات
+        محصولات")}{" "}
       </Link>
     </Breadcrumbs>
   );

src/views/Products/List/index.js

@@ -53,7 +53,7 @@ class List extends React.Component {
                 align="center"
                 style={{ margin: "20px auto", color: "gray" }}
               >
-                محصولی با این مشخصات یافت نشد
+                محصولی با این مشخصات یافت نشد")}{" "}
               </div>
             )
           ) : (

src/views/Products/Product/index.js

@@ -143,7 +143,7 @@ function Product(props) {
             >
               <h2 style={{ fontSize: 12 }}>{window.t("نسخه چاپی")}</h2>
               <span style={{ fontSize: 12 }}>
-                {product.product[0].price} تومان
+                {product.product[0].price} تومان")}
               </span>
             </Link>
             <div
@@ -177,8 +177,7 @@ function Product(props) {
               <h2 style={{ fontSize: 12 }}>{window.t("نسخه الکترونیک</h2>
               <span style={{ fontSize: 12 }}>
                 {/* {product.product[0].price} تومان 
-                به زودی
-              </span>
+                به زودی")}              </span>
             </div>
             <div
               className="products-product--basket d-flex"

src/views/Products/index.js

@@ -131,7 +131,7 @@ class Products extends Component {
                     textAlign: "center",
                   }}
                 >
-                  سبد خرید
+                  سبد خرید")}{" "}
                 </Link>
               </div>
             </div>

src/views/QR/Image/index.js

@@ -223,7 +223,7 @@ export default function QRImage(props) {
         <div className="d-flex flex-column" id="image">
           <h3 style={{ fontSize: fontSize.desktop.h3 }}>
             <PhotoLibraryRoundedIcon style={{ fontSize: 30 }} />
-            عکس‌ها
+            عکس‌ها")}{" "}
           </h3>
           {desktopImages()}
         </div>

src/views/QR/VideoBox/index.js

@@ -39,8 +39,7 @@ export default function VideoBox(props) {
       {window.innerWidth < 1000 ? (
         <div className="d-flex flex-column">
           {/* <h3 style={{ fontSize: fontSize.mobile.h3 }}>
-            <PlayCircleFilledRoundedIcon style={{ fontSize: 35 }} /> فیلم‌ها
-          </h3> */}
+            <PlayCircleFilledRoundedIcon style={{ fontSize: 35 }} /> فیلم‌ها")}          </h3> */}
           <div className="mobile-video-box d-flex flex-column" id="video">
             <ReactVideoJsPlayer fileId={data.fileIds} />
           </div>

src/views/QR/index.js

@@ -142,7 +142,7 @@ class QR extends Component {
                             {qrList.book.name}
                           </h1>
                           <h2 style={{ fontSize: fontSize.desktop.sidebar.h2 }}>
-                            پایه {grades[qrList.book.gradeId]}
+                            {window.t("پایه")} {grades[qrList.book.gradeId]}
                           </h2>
                           <div
                             style={{ fontSize: fontSize.desktop.sidebar.div }}

src/views/QRScan/Modal/index.js

@@ -67,11 +67,11 @@ class QRModal extends Component {
                   </Link>
                   {hasZ10 ? (
                     <Link className="button" to={"/qr?id=" + tail}>
-                      زیست دهم
+                      {window.t("زیست دهم")}
                     </Link>
                   ) : null}
                   <button onClick={() => parent.setState({ tail: null })}>
-                    انصراف
+                    {window.t("انصراف")}
                   </button>
                 </div>
               </>
@@ -101,7 +101,7 @@ class QRModal extends Component {
                   <div>{window.t("کتاب علوم چهارم")}</div>
                   <div className="d-flex" style={{ justifyContent: "center" }}>
                     <span style={{ marginTop: 10 }}>
-                      لطفا شماره صفحه را وارد نمایید
+                      {window.t("لطفا شماره صفحه را وارد نمایید")}{" "}
                     </span>
                     <Input
                       name="pageNumber"
@@ -127,11 +127,11 @@ class QRModal extends Component {
                   </Link>
                   {hasZ10 ? (
                     <Link className="button" to={"/qr?id=" + tail}>
-                      زیست دهم
+                      {window.t("زیست دهم")}
                     </Link>
                   ) : null}
                   <button onClick={() => parent.setState({ tail: null })}>
-                    انصراف
+                    {window.t("انصراف")}
                   </button>
                 </div>
               </>
@@ -145,7 +145,7 @@ class QRModal extends Component {
                   {tail}
                 </Link>
                 <button onClick={() => parent.setState({ tail: null })}>
-                  انصراف
+                  انصراف")}
                 </button>
               </>
             )}

src/views/QRScan/index.js

@@ -59,8 +59,10 @@ class QRScan extends Component {
                     {window.t("نکته")}
                   </h1>
                   <p style={{ fontSize: fontSize.desktop.p }}>
-                    لطفا دوربین خود را روی کدی که در اختیار شما قرار گرفته قرار
-                    دهید تا اسکن دوربین انجام شود
+                    {window.t(
+                      "لطفا دوربین خود را روی کدی که در اختیار شما قرار گرفته قرار"
+                    )}
+                    {window.t("دهید تا اسکن دوربین انجام شود")}{" "}
                   </p>
                 </header>
                 <div className="qr-scan__box--select d-flex">