Release v1.0.3-beta.14

README.md

@@ -1,6 +1,6 @@
 
 <p align="center">
-  <img width="256px" src="https://opex.dev/github/opexLogoPlus.svg" alt="Opex" title="Opex">
+  <img width="256px" src="https://opex.dev/github/logo.svg" alt="Opex" title="Opex">
 </p>
 
 # OPEX Web APP

public/assets/locales/en/translation.json

@@ -595,7 +595,7 @@
     "mostVolume": "Most Volume",
     "nullResponse": "No transactions in the last {{interval}}"
   },
-  "footer": {
+  "Footer": {
     "darkMode": "Dark Mode",
     "aboutUs" : "About Us",
     "contactUS" : "Contact Us",
@@ -606,7 +606,7 @@
     "addCoin": "Add Coin",
     "demo": "Market Demo",
     "errorReport": "Error Report",
-    "copyright": "© 2021 OPEX. All rights reserved."
+    "copyright": "© {{year}} OPEX. All rights reserved."
   },
   "ImageInput": {
     "title": "",
@@ -621,5 +621,102 @@
     "needKYC" : "Access denied for KYC status",
     "reload" : "Try Again",
     "errorText" : "Server connection error"
+  },
+  "aboutUs": {
+    "title": "About US",
+    "text1": "About US content",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "text2": "",
+    "subTitle1": "",
+    "text3": "",
+    "p5": "",
+    "p6": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "p10": "",
+    "subTitle2": "",
+    "text4": "",
+    "subTitle3": "",
+    "p11": "",
+    "p12": "",
+    "p13": "",
+    "text5": ""
+  },
+  "commissions": {
+    "title": "Commission",
+    "subTitle1": "Commission content",
+    "text1": "",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "p6": "",
+    "text2": "",
+    "text3": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "text4": ""
+
+  },
+  "transferFees": {
+    "title": "Transfer Fees",
+    "text1": "Transfer Fees content",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "text2": "",
+    "text3": "",
+    "text4": "",
+    "subTitle1": "",
+    "text5": "",
+    "subTitle2": "",
+    "text6": "",
+    "subTitle3": "",
+    "text7": "",
+    "subTitle4": "",
+    "text8": ""
+  },
+  "guide": {
+    "title": "Guide",
+    "subTitle1": "Guide content",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "p6": "",
+    "subTitle2": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "p10": ""
+  },
+  "rules": {
+    "title": "Rules",
+    "subTitle1": "Rules content",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "p6": "",
+    "subTitle2": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "p10": ""
+  },
+  "contactUs": {
+    "title": "Contact Us",
+    "subTitle1": "Contact Us content",
+    "text1": ""
   }
 }

public/assets/locales/fa/translation.json

@@ -46,7 +46,7 @@
   "unit": "واحد",
   "offline": "اتصال اینترنت را بررسی کنید!",
   "improperMobileView ": "فعلاً برای موبایل بهینه نشده است.",
-  "home": "صفحه‌اصلی",
+  "home": "صفحه اصلی",
   "country": {
     "iran" : "جمهوری اسلامی ایران",
     "germany" : "آلمان",
@@ -595,7 +595,7 @@
     "mostVolume": "بیشترین حجم معامله",
     "nullResponse": "در {{interval}} گذشته معامله‌ای انجام نشده"
   },
-  "footer": {
+  "Footer": {
     "darkMode": "تم تاریک",
     "aboutUs": "درباره ما",
     "contactUS": "تماس با ما",
@@ -606,7 +606,7 @@
     "addCoin": "درخواست افزودن سکه یا توکن",
     "demo": "بازار نمایشی (ویژه تمرین رایگان)",
     "errorReport": "گزارش خطا و مشکل",
-    "copyright": "1400 - کلیه حقوق برای شرکت تجربه کاربری متن باز (در شرف تاُسیس) محفوظ است."
+    "copyright": "{{year}} - کلیه حقوق برای شرکت تجربه کاربری متن باز (در شرف تاُسیس) محفوظ است."
   },
   "ImageInput": {
     "title": "",
@@ -621,5 +621,102 @@
     "needKYC" : "دسترسی این بخش فقط برای کاربران احراز هویت شده مجاز است!",
     "reload" : "تلاش مجدد",
     "errorText" : "خطا در ارتباط با سرور"
+  },
+  "aboutUs": {
+    "title": "درباره ما",
+    "text1": "متن درباره ما",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "text2": "",
+    "subTitle1": "",
+    "text3": "",
+    "p5": "",
+    "p6": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "p10": "",
+    "subTitle2": "",
+    "text4": "",
+    "subTitle3": "",
+    "p11": "",
+    "p12": "",
+    "p13": "",
+    "text5": ""
+  },
+  "commissions": {
+    "title": "کارمزد",
+    "subTitle1": "متن کارمزدها",
+    "text1": "",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "p6": "",
+    "text2": "",
+    "text3": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "text4": ""
+
+  },
+  "transferFees": {
+    "title": "کارمزد انتقال",
+    "text1": "متن کارمزد انتقال",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "text2": "",
+    "text3": "",
+    "text4": "",
+    "subTitle1": "",
+    "text5": "",
+    "subTitle2": "",
+    "text6": "",
+    "subTitle3": "",
+    "text7": "",
+    "subTitle4": "",
+    "text8": ""
+  },
+  "guide": {
+    "title": "راهنما",
+    "subTitle1": "متن راهنما",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "p6": "",
+    "subTitle2": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "p10": ""
+  },
+  "rules": {
+    "title": "قوانین",
+    "subTitle1": "متن قوانین",
+    "p1": "",
+    "p2": "",
+    "p3": "",
+    "p4": "",
+    "p5": "",
+    "p6": "",
+    "subTitle2": "",
+    "p7": "",
+    "p8": "",
+    "p9": "",
+    "p10": ""
+  },
+  "contactUs": {
+    "title": "تماس با ما",
+    "subTitle1": "متن تماس با ما",
+    "text1": ""
   }
 }

src/components/HeaderBuilder/HeaderBuilder.js

@@ -61,6 +61,11 @@ const HeaderBuilder = ({children}) => {
                         to={Routes.AllMarket}
                         className={({ isActive }) => isActive ? 'text-orange mx-1 cursor-pointer hover-text' : 'mx-1 cursor-pointer hover-text'}
                     >{t("market.title")}</NavLink>
+                    <NavLink
+                        to={Routes.Info}
+                        className={({ isActive }) => isActive ? 'text-orange mx-1 cursor-pointer hover-text' : 'mx-1 cursor-pointer hover-text'}
+                    >{t("info.title")}
+                    </NavLink>
 
                 </div>
                 <div className={`column ai-end width-15`}>

src/components/Layout/Layout.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import classes from './Layout.module.css'
+import {images} from "../../assets/images";
+import LayoutHeader from "./LayoutHeader/LayoutHeader";
+import {Outlet} from "react-router-dom";
+import Footer from "../../main/Browser/Pages/UserPanel/Sections/Footer/Footer";
+import ScrollBar from "../ScrollBar";
+
+const Layout = () => {
+    return (
+        <div className={`${classes.container} width-100 column text-color`}>
+            <LayoutHeader/>
+            <div className={`${classes.content} column`}>
+                <ScrollBar>
+                    <Outlet/>
+                    <Footer/>
+                </ScrollBar>
+            </div>
+        </div>
+    );
+};
+
+export default Layout;

src/components/Layout/Layout.module.css

@@ -0,0 +1,8 @@
+.container {
+    height: 100vh;
+    background-color: var(--mainContent);
+    position: relative;
+}
+.content {
+    height: 88vh;
+}