update 14 files

public/en.js

@@ -303,6 +303,7 @@ const en = {
   تعداد: "Number",
   محصول: "the product",
   جستجو: "Search",
+  حذف: "Delete",
   ارسال: "submit",
   خاموش: "Off",
   بیشتر: "More",

src/App.css

@@ -7,7 +7,7 @@
   direction: ltr;
 }
 
-.left: {
+.left {
   text-align: left !important;
 }
 

src/AppRouter.js

@@ -288,7 +288,8 @@ class AppRouter extends Component {
               )}
             </Route>
             <Route exact path={"/cart"}>
-              {status ? (
+              <Cart />
+              {/* {status ? (
                 <Cart />
               ) : (
                 <Redirect
@@ -296,7 +297,7 @@ class AppRouter extends Component {
                     pathname: "/",
                   }}
                 />
-              )}
+              )} */}
             </Route>
             <Route exact path={"/checkout"}>
               {status ? (

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

@@ -3,13 +3,14 @@ import onInput from "~/util/onInput";
 import Input from "../Input/index";
 import "./index.scss";
 import moment from "jalali-moment";
+
 export default function Birthdate(props) {
   const { defaultValue, parent, name } = props;
   let momentDate = moment(defaultValue[name]);
-  let isvalid = momentDate.isValid();
-  const day = isvalid ? momentDate.format("jDD") : null,
-    month = isvalid ? momentDate.format("jMM") : null,
-    year = isvalid ? momentDate.format("jYYYY") : null;
+  let isvalid = momentDate?.isValid();
+  const day = isvalid ? momentDate?.format("jDD") : null,
+    month = isvalid ? momentDate?.format("jMM") : null,
+    year = isvalid ? momentDate?.format("jYYYY") : null;
   const [state, setState] = useState({ day, month, year });
   const onChange = (_name, value) => {
     let _state = { ...state, [_name]: value };
@@ -18,7 +19,11 @@ export default function Birthdate(props) {
     parent.onChange(
       name,
       moment
-        .from(`${_state.year}/${_state.month}/${_state.day}`, "fa", "YYYY/M/D")
+        .from(
+          `${_state?.year}/${_state?.month}/${_state?.day}`,
+          "fa",
+          "YYYY/M/D"
+        )
         .locale("en")
     );
   };

src/views/Auth/index.js

@@ -15,7 +15,7 @@ export default class Auth extends Component {
     return (
       <div className="auth d-flex">
         {this.state.page === "login" ? <Login parent={this} /> : null}
-        {this.state.page === "profile" ? <Profile parent={this} /> : null}
+        {/* {this.state.page === "profile" ? <Profile parent={this} /> : null} */}
       </div>
     );
   }

src/views/Cart/Table/index.js

@@ -197,7 +197,11 @@ const Item = (props) => {
                 src={`https://dnvn.ir/api/v1/file/${data.product.book.fileIds}`}
                 alt={data.product.book.name}
               />
-              <div className="mobile-cart-table-product__info d-flex flex-column p-1">
+              <div
+                className={`mobile-cart-table-product__info d-flex flex-column p-1 ${
+                  window.lang === "en" ? "align-items-start" : ""
+                }`}
+              >
                 <strong style={{ fontSize: fontSize.mobile.info.strong }}>
                   {window.t("نسخه") +
                     ` ${
@@ -215,7 +219,13 @@ const Item = (props) => {
                     window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
                 {route !== "callback" ? (
-                  <div className="mobile-cart-table-product__info--delete d-flex align-items-center align-self-end">
+                  <div
+                    className={`mobile-cart-table-product__info--delete d-flex align-items-center ${
+                      window.lang === "en"
+                        ? "align-self-start"
+                        : "align-self-end"
+                    }`}
+                  >
                     <DeleteOutlineOutlinedIcon
                       style={{
                         color: "#FC120A",

src/views/Cart/index.scss

@@ -64,6 +64,14 @@
   }
 }
 
+.ltr {
+  .mobile-cart {
+    * {
+      direction: ltr;
+    }
+  }
+}
+
 .mobile-cart {
   width: 100vw;
   max-width: 650px;

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

@@ -36,7 +36,7 @@ class NavbarDrawer extends Component {
         message: "",
       },
       {
-        name: "ورود یا ثبت نام",
+        name: window.t("ورود یا ثبت‌نام"),
         link: "/auth",
         icon: <img src={mobileLogout} alt={window.t("کتاب‌های من")} />,
         toast: "",

src/views/Product/index.js

@@ -224,7 +224,11 @@ class Product extends Component {
             <>
               <div className="mobile-product d-flex flex-column">
                 <Navbar />
-                <header className="mobile-product__header d-flex flex-column align-items-center">
+                <header
+                  className={
+                    "mobile-product__header d-flex flex-column align-items-center"
+                  }
+                >
                   <img
                     src={`https://dnvn.ir/api/v1/file/${info.fileIds}`}
                     alt={info.name}

src/views/Product/index.scss

@@ -1,3 +1,11 @@
+.ltr {
+  .mobile-product {
+    * {
+      direction: ltr;
+    }
+  }
+}
+
 .mobile-product {
   width: 100vw;
   max-width: 650px;

src/views/Products/index.js

@@ -103,7 +103,10 @@ class Products extends Component {
               <div className="mobile-products__search d-flex">
                 <input
                   type="search"
-                  style={{ fontSize: 15 }}
+                  style={{
+                    fontSize: 15,
+                    textAlign: window.lang === "en" ? "left" : "",
+                  }}
                   placeholder={window.t("جستجو")}
                   onChange={(e) => this.handleProductSearch(e.target.value)}
                 />

src/views/Products/index.scss

@@ -1,3 +1,20 @@
+.ltr {
+  .mobile-products {
+    * {
+      direction: ltr;
+    }
+    &__search {
+      input {
+        padding: 5px 35px 5px 5px;
+      }
+      img {
+        left: auto;
+        right: 10px;
+      }
+    }
+  }
+}
+
 .products {
   width: 100vw;
   max-width: 1250px;