Danovin
/
danovin
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update 21 files

Browse Source
front
Reza_ashrafi 2 years ago
parent 2253102e3e
commit e9d37eeae1
20 changed files with 311 additions and 120 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 33
      public/index.html
  2. 6
      src/views/Callback/index.js
  3. 6
      src/views/Cart/index.js
  4. 18
      src/views/Checkout/index.js
  5. 17
      src/views/Home/Download/index.js
  6. 52
      src/views/Home/Footer/index.js
  7. 4
      src/views/Home/HomeScroll/Product/index.js
  8. 12
      src/views/Home/HomeScroll/index.js
  9. 10
      src/views/Home/HomeSearch/index.js
  10. 40
      src/views/Home/HomeSlider/Blog/index.js
  11. 2
      src/views/Home/HomeSlider/Header/index.js
  12. 25
      src/views/Home/HomeSlider/index.js
  13. 12
      src/views/Home/HomeStatic/index.js
  14. 6
      src/views/Home/Membership/index.js
  15. 28
      src/views/Home/Navbar/Laptop/index.js
  16. 4
      src/views/Home/Navbar/Mobile/index.js
  17. 20
      src/views/Home/SingleBlog/index.js
  18. 6
      src/views/Product/index.js
  19. 6
      src/views/Products/index.js
  20. 6
      src/views/QR/index.js

33
public/index.html
Unescape View File

@ -1,13 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="false" /> <meta
name="viewport"
content="width=device-width, initial-scale=1"
user-scalable="false"
/>
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta name="description" content="دانوین" /> <meta name="description" content="دانوین" />
<link href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" rel="stylesheet" /> <link
href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css"
rel="stylesheet"
/>
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
@ -19,7 +25,7 @@
<script src="en.js"></script> <script src="en.js"></script>
<script> <script>
const lang = localStorage.getItem("language"); const lang = localStorage.getItem("language");
window.lang = lang window.lang = lang;
window.ar = ar; window.ar = ar;
window.en = en; window.en = en;
function t(val) { function t(val) {
@ -44,12 +50,18 @@
})(window, document, "script", "dataLayer", "GTM-WVV8H9L"); })(window, document, "script", "dataLayer", "GTM-WVV8H9L");
</script> </script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
</head> </head>
<body> <body>
<!-- Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVV8H9L" height="0" width="0" <noscript
style="display: none; visibility: hidden"></iframe></noscript> ><iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-WVV8H9L"
height="0"
width="0"
style="display: none; visibility: hidden"
></iframe
></noscript>
<!-- End Google Tag Manager (noscript) --> <!-- End Google Tag Manager (noscript) -->
<div id="root"></div> <div id="root"></div>
<script> <script>
@ -70,6 +82,5 @@
}); });
} }
</script> </script>
</body> </body>
</html> </html>

6
src/views/Callback/index.js
Unescape View File

@ -205,7 +205,11 @@ class Callback extends Component {
<Navbar /> <Navbar />
{/* <h1 style={{ fontSize: fontSize.mobile.h1 }}>{window.t("سبد خرید")}</h1> */} {/* <h1 style={{ fontSize: fontSize.mobile.h1 }}>{window.t("سبد خرید")}</h1> */}
<Status status={true} /> <Status status={true} />
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<Table <Table
list={list} list={list}
handleCounter={this.handleCounter} handleCounter={this.handleCounter}

6
src/views/Cart/index.js
Unescape View File

@ -272,7 +272,11 @@ class Cart extends Component {
<h1 style={{ fontSize: fontSize.mobile.h1 }}> <h1 style={{ fontSize: fontSize.mobile.h1 }}>
{window.t("سبد پیش خرید")} {window.t("سبد پیش خرید")}
</h1> </h1>
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<Table <Table
list={list} list={list}
handleCounter={this.handleCounter} handleCounter={this.handleCounter}

18
src/views/Checkout/index.js
Unescape View File

@ -193,7 +193,11 @@ class Cart extends Component {
</header> </header>
<span>{window.t("مشخصات تحویل گیرنده")}</span> <span>{window.t("مشخصات تحویل گیرنده")}</span>
<br /> <br />
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div class="checkout__forms--right"> <div class="checkout__forms--right">
<Input <Input
name="recieverName" name="recieverName"
@ -361,7 +365,11 @@ class Cart extends Component {
</div> </div>
) : null} ) : null}
<h1 style={{ fontSize: 19 }}>{window.t("جزئیات صورتحساب")}</h1> <h1 style={{ fontSize: 19 }}>{window.t("جزئیات صورتحساب")}</h1>
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<Table <Table
list={list} list={list}
handleCounter={this.handleCounter} handleCounter={this.handleCounter}
@ -372,7 +380,11 @@ class Cart extends Component {
</div> </div>
<span>{window.t("مشخصات تحویل گیرنده")}</span> <span>{window.t("مشخصات تحویل گیرنده")}</span>
<br /> <br />
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div class="checkout__forms--right2"> <div class="checkout__forms--right2">
<Input <Input
name="recieverName" name="recieverName"

17
src/views/Home/Download/index.js
Unescape View File

@ -7,8 +7,17 @@ const H_DownloadApp = () => {
return ( return (
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<div className="h-download-app" id="download"> <div
<div className="h-download-app-text"> className={`h-download-app d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
id="download"
>
<div
className={`h-download-app-text ${
window.lang === "en" ? "text-start" : ""
}`}
>
{window.t("لذت یادگیری را با")} {window.t("لذت یادگیری را با")}
<span>{window.t("دانوین")}</span> {window.t("تجربه کنید")} <span>{window.t("دانوین")}</span> {window.t("تجربه کنید")}
</div> </div>
@ -17,7 +26,9 @@ const H_DownloadApp = () => {
<a <a
download download
href="https://danovin.ir/app.apk" href="https://danovin.ir/app.apk"
className="h-download-app-content-box2" className={`h-download-app-content-box2 d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
> >
<div className="h-download-app-content-box2-app-img-container"> <div className="h-download-app-content-box2-app-img-container">
<img <img

52
src/views/Home/Footer/index.js
Unescape View File

@ -11,10 +11,26 @@ export default class Footer extends Component {
return ( return (
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<footer className="footer d-flex flex-column"> <footer
<div className="footer-container d-flex"> className={`footer d-flex flex-column ${
<div className="footer-container__content d-flex"> window.lang === "en" ? "align-items-end" : ""
<div className="footer-container__content--box first d-flex flex-column"> }`}
>
<div
className={`footer-container d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`footer-container__content d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`footer-container__content--box first d-flex flex-column ${
window.lang === "en" ? "align-items-start" : ""
}`}
>
<h1>{window.t("دانوین کجاست؟")}</h1> <h1>{window.t("دانوین کجاست؟")}</h1>
<p className="mt-2"> <p className="mt-2">
{window.t( {window.t(
@ -74,9 +90,19 @@ export default class Footer extends Component {
</div> </div>
</div> </div>
</div> </div>
<div className="footer-container__content--box second d-flex flex-column"> <div
<h1>{window.t("دسترسی سریع")}</h1> className={`footer-container__content--box second d-flex flex-column ${
<ul> window.lang === "en" ? "align-items-start" : ""
}`}
>
<h1 className={`${window.lang === "en" ? "text-start" : ""}`}>
{window.t("دسترسی سریع")}
</h1>
<ul
className={`d-flex flex-column ${
window.lang === "en" ? "align-items-start" : ""
}`}
>
{fastAccess.map((item, i) => ( {fastAccess.map((item, i) => (
<li key={i}> <li key={i}>
<Link to={item.link}>{item.name}</Link> <Link to={item.link}>{item.name}</Link>
@ -84,9 +110,17 @@ export default class Footer extends Component {
))} ))}
</ul> </ul>
</div> </div>
<div className="footer-container__content--box second d-flex flex-column"> <div
className={`footer-container__content--box second d-flex flex-column ${
window.lang === "en" ? "align-items-start" : ""
}`}
>
<h1>{window.t("لینک های کاربردی")}</h1> <h1>{window.t("لینک های کاربردی")}</h1>
<ul> <ul
className={`d-flex flex-column ${
window.lang === "en" ? "align-items-start" : ""
}`}
>
{fastAccess.map((item, i) => ( {fastAccess.map((item, i) => (
<li key={i}> <li key={i}>
<Link to={item.link}>{item.name}</Link> <Link to={item.link}>{item.name}</Link>

4
src/views/Home/HomeScroll/Product/index.js
Unescape View File

@ -8,7 +8,9 @@ export default class Product extends Component {
return ( return (
<article <article
style={{ minWidth: window.innerWidth / number }} style={{ minWidth: window.innerWidth / number }}
className="scroll-product d-flex flex-column" className={`scroll-product d-flex flex-column ${
window.lang === "en" ? "" : ""
}`}
> >
<Link to={`/books/${data.id}`}> <Link to={`/books/${data.id}`}>
<img src={data.image} alt={data.title} /> <img src={data.image} alt={data.title} />

12
src/views/Home/HomeScroll/index.js
Unescape View File

@ -13,8 +13,16 @@ export default class HomeScroll extends Component {
className="mobile-home-scroll d-flex flex-column" className="mobile-home-scroll d-flex flex-column"
style={{ height: height }} style={{ height: height }}
> >
<div className="mobile-home-scroll__header d-flex"> <div
<div className="mobile-home-scroll__header--right d-flex"> className={`mobile-home-scroll__header d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`mobile-home-scroll__header--right d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<h1>{title}</h1> <h1>{title}</h1>
<span></span> <span></span>
</div> </div>

10
src/views/Home/HomeSearch/index.js
Unescape View File

@ -26,10 +26,16 @@ class HomeSearch extends Component {
render() { render() {
const { levels } = this.props; const { levels } = this.props;
return window.innerWidth > 1000 ? ( return window.innerWidth > 1000 ? (
<div className="home-search d-flex"> <div
className={`home-search d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<input <input
placeholder={window.t("جستجو در عناوین کتاب ...")} placeholder={window.t("جستجو در عناوین کتاب ...")}
className="home-search__input d-flex" className={`home-search__input d-flex ${
window.lang === "en" ? "flex-row-reverse text-start" : ""
}`}
type="text" type="text"
name="searchBox" name="searchBox"
onChange={(e) => onChange={(e) =>

40
src/views/Home/HomeSlider/Blog/index.js
Unescape View File

@ -30,12 +30,19 @@ export default class Simple extends Component {
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<article <article
className="slider-blog d-flex flex-column" className={`slider-blog d-flex flex-column ${
window.lang === "en" ? "align-items-end" : ""
}`}
style={{ style={{
height: height, height: height,
}} }}
> >
<Link to={`/blogs/${data.id}`}> <Link
to={`/blogs/${data.id}`}
className={`d-flex flex-column ${
window.lang === "en" ? "align-items-end" : ""
}`}
>
{data.type === "image" ? ( {data.type === "image" ? (
<img <img
src={`https://dnvn.ir/api/v1/file/${data.fileIds}`} src={`https://dnvn.ir/api/v1/file/${data.fileIds}`}
@ -49,16 +56,31 @@ export default class Simple extends Component {
<img src={music} alt={data.title} /> <img src={music} alt={data.title} />
) : null} ) : null}
<h1 style={{ fontSize: fontSize.desktop.h1 }}>{data.title}</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>{data.title}</h1>
<h2 style={{ fontSize: fontSize.desktop.h2 }}> <h2
style={{ fontSize: fontSize.desktop.h2 }}
className={`${window.lang === "en" ? "text-start" : ""}`}
>
<div <div
dangerouslySetInnerHTML={{ __html: data.text }} dangerouslySetInnerHTML={{ __html: data.text }}
style={{ height: 80, overflow: "hidden" }} style={{ height: 80, overflow: "hidden" }}
></div> ></div>
</h2> </h2>
<div className="slider-blog__footer d-flex mt-3"> <div
<div className="d-flex"> className={`slider-blog__footer d-flex mt-3 ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
{/* <img src={} /> */} {/* <img src={} /> */}
<div className="d-flex flex-column"> <div
className={`d-flex flex-column ${
window.lang === "en" ? "align-items-end" : ""
}`}
>
<span style={{ fontSize: fontSize.desktop.span }}> <span style={{ fontSize: fontSize.desktop.span }}>
{window.t("مطالعه کامل در {data.duration} دقیقه")}{" "} {window.t("مطالعه کامل در {data.duration} دقیقه")}{" "}
</span> </span>
@ -120,7 +142,11 @@ export default class Simple extends Component {
></div> ></div>
</h2> </h2>
<div className="mobile-slider-blog__footer d-flex mt-3"> <div className="mobile-slider-blog__footer d-flex mt-3">
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
{/* <img src={} /> */} {/* <img src={} /> */}
<div <div
className="d-flex flex-column" className="d-flex flex-column"

2
src/views/Home/HomeSlider/Header/index.js
Unescape View File

@ -13,7 +13,7 @@ export default class Header extends Component {
minWidth: `${data.width}`, minWidth: `${data.width}`,
height: height, height: height,
}} }}
className="slider-header d-flex" className={`slider-header d-flex ${window.lang === "en" ? "" : ""}`}
> >
<div <div
className="slider-header__right d-flex" className="slider-header__right d-flex"

25
src/views/Home/HomeSlider/index.js
Unescape View File

@ -23,7 +23,11 @@ const SimpleHeader = (props) => {
return ( return (
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<div className="home-scroll__header d-flex"> <div
className={`home-scroll__header d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div className="home-scroll__header--right d-flex"> <div className="home-scroll__header--right d-flex">
<h1 style={{ fontSize: fontSize.desktop.h1 }}>{props.title}</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>{props.title}</h1>
<span></span> <span></span>
@ -31,12 +35,21 @@ const SimpleHeader = (props) => {
{props.more ? ( {props.more ? (
<Link <Link
to={props.link} to={props.link}
className="home-scroll__header--more d-flex align-items-center" className={`home-scroll__header--more d-flex align-items-center ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
> >
<span style={{ fontSize: fontSize.desktop.h1 }}> <span style={{ fontSize: fontSize.desktop.h1 }}>
{window.t("بیشتر")} {window.t("بیشتر")}
</span> </span>
<img src={dropdown} alt={window.t("فلش")} /> <img
src={dropdown}
style={{
transform: window.lang === "en" ? "rotate(-90deg)" : "",
margin: "0px 5px",
}}
alt={window.t("فلش")}
/>
</Link> </Link>
) : null} ) : null}
</div> </div>
@ -57,7 +70,11 @@ const TabHeader = (props) => {
return ( return (
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<div className="home-scroll__header d-flex"> <div
className={`home-scroll__header d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div className="home-scroll__header--right d-flex"> <div className="home-scroll__header--right d-flex">
<h1 style={{ fontSize: fontSize.desktop.h1 }}>{props.title}</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>{props.title}</h1>
<span></span> <span></span>

12
src/views/Home/HomeStatic/index.js
Unescape View File

@ -75,9 +75,15 @@ const Item = (props) => {
width: `${props.data.width}%`, width: `${props.data.width}%`,
height: props.height, height: props.height,
}} }}
className="home-static__list--item d-flex" className={`home-static__list--item d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`d-flex flex-column ${
window.lang === "en" ? "align-items-end" : ""
}`}
> >
<div className="d-flex flex-column">
<h2 style={{ color: "#02733c", fontSize: fontSize.desktop.h2 }}> <h2 style={{ color: "#02733c", fontSize: fontSize.desktop.h2 }}>
{props.data.topText} {props.data.topText}
</h2> </h2>
@ -96,7 +102,7 @@ const Item = (props) => {
width: `${props.data.width}%`, width: `${props.data.width}%`,
height: props.height, height: props.height,
}} }}
className="home-static__list2--item" className={"home-static__list2--item"}
> >
<img <img
src={`https://dnvn.ir/api/v1/file/${props.data.fileId}`} src={`https://dnvn.ir/api/v1/file/${props.data.fileId}`}

6
src/views/Home/Membership/index.js
Unescape View File

@ -15,7 +15,11 @@ class Membership extends Component {
</h1> </h1>
<p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p> <p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p>
</div> </div>
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<Input label={window.t("نام ‌و ‌نام خانوادگی")} name={"name"} /> <Input label={window.t("نام ‌و ‌نام خانوادگی")} name={"name"} />
<Input label={window.t("شماره تماس")} name={"mobile"} /> <Input label={window.t("شماره تماس")} name={"mobile"} />
<button className="membership__submit">{window.t("ثبت ")}</button> <button className="membership__submit">{window.t("ثبت ")}</button>

28
src/views/Home/Navbar/Laptop/index.js
Unescape View File

@ -44,12 +44,22 @@ class LaptopNavbar extends Component {
if (this.state.navigatePath) return <Navigate path={this.navigatePath} />; if (this.state.navigatePath) return <Navigate path={this.navigatePath} />;
const { links } = this.props; const { links } = this.props;
return ( return (
<nav className="laptop-navbar d-flex"> <nav
<div className="d-flex"> className={`laptop-navbar d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`d-flex ${window.lang === "en" ? "flex-row-reverse" : ""}`}
>
<Link to="/" className="laptop-navbar__logo"> <Link to="/" className="laptop-navbar__logo">
<img src={logo} alt={window.t("لوگو")} /> <img src={logo} alt={window.t("لوگو")} />
</Link> </Link>
<ul className="laptop-navbar__list d-flex"> <ul
className={`laptop-navbar__list d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
{links.map((item, i) => ( {links.map((item, i) => (
<li style={{ fontSize: fontSize.desktop.li }} key={i}> <li style={{ fontSize: fontSize.desktop.li }} key={i}>
<Link <Link
@ -78,7 +88,11 @@ class LaptopNavbar extends Component {
</li> </li>
</ul> </ul>
</div> </div>
<div className="d-flex align-items-center"> <div
className={`d-flex align-items-center ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
{proxy.status() ? ( {proxy.status() ? (
<> <>
{/* <Dropdown> {/* <Dropdown>
@ -192,7 +206,11 @@ class LaptopNavbar extends Component {
</div> </div>
</> </>
) : ( ) : (
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<select <select
className="language-select" className="language-select"
onChange={(e) => { onChange={(e) => {

4
src/views/Home/Navbar/Mobile/index.js
Unescape View File

@ -87,7 +87,9 @@ export default function MobileNavbar(props) {
if (!status) if (!status)
return ( return (
<nav className="mobile-navbar d-flex"> <nav className="mobile-navbar d-flex">
<div className="d-flex"> <div
className={`d-flex ${window.lang === "en" ? "flex-row-reverse" : ""}`}
>
<div <div
className="mobile-navbar__menu" className="mobile-navbar__menu"
style={{ marginTop: 10 }} style={{ marginTop: 10 }}

20
src/views/Home/SingleBlog/index.js
Unescape View File

@ -24,10 +24,24 @@ export default class SingleBlog extends Component {
render() { render() {
const { height, data } = this.props; const { height, data } = this.props;
return ( return (
<div style={{ height: height }} className="single-blog d-flex"> <div
<div className="single-blog__right d-flex flex-column justify-content-center"> style={{ height: height }}
className={`single-blog d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div
className={`single-blog__right d-flex flex-column ${
window.lang === "en" ? "align-items-end" : ""
} justify-content-center`}
>
<h1 style={{ fontSize: fontSize.desktop.h1 }}>{data.title}</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>{data.title}</h1>
<p style={{ fontSize: fontSize.desktop.p }}>{data.text}</p> <p
style={{ fontSize: fontSize.desktop.p }}
className={`${window.lang === "en" ? "text-start" : ""}`}
>
{data.text}
</p>
<Link <Link
style={{ fontSize: fontSize.desktop.a }} style={{ fontSize: fontSize.desktop.a }}
to={"/blogs/" + data.id} to={"/blogs/" + data.id}

6
src/views/Product/index.js
Unescape View File

@ -232,7 +232,11 @@ class Product extends Component {
{window.t("تومان")} {window.t("تومان")}
</h3> </h3>
<div className="d-flex flex-column mt-3"> <div className="d-flex flex-column mt-3">
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<Link <Link
// to={`/products/${ // to={`/products/${
// page === "digital" // page === "digital"

6
src/views/Products/index.js
Unescape View File

@ -98,7 +98,11 @@ class Products extends Component {
<img src={navbarSearch} alt={window.t("جستجو")} /> <img src={navbarSearch} alt={window.t("جستجو")} />
</div> </div>
<div className="mobile-products__filters d-flex"> <div className="mobile-products__filters d-flex">
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<Select name="sort" options={sortFilters} parent={this} /> <Select name="sort" options={sortFilters} parent={this} />
<Select name="subject" options={subjects} parent={this} /> <Select name="subject" options={subjects} parent={this} />
<Select name="level" options={levels} parent={this} /> <Select name="level" options={levels} parent={this} />

6
src/views/QR/index.js
Unescape View File

@ -128,7 +128,11 @@ class QR extends Component {
<div className="qr d-flex flex-column"> <div className="qr d-flex flex-column">
<Navbar /> <Navbar />
{qrList ? ( {qrList ? (
<div className="d-flex"> <div
className={`d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<section className="qr__sidebar d-flex flex-column p-2"> <section className="qr__sidebar d-flex flex-column p-2">
<header className="qr__sidebar--header d-flex"> <header className="qr__sidebar--header d-flex">
<div className="qr__sidebar--header__right d-flex"> <div className="qr__sidebar--header__right d-flex">

Write Preview
Loading…
Cancel
Save