From 73985c27d4420c7c2668c72933191df9d97b7fec Mon Sep 17 00:00:00 2001
From: Apostolof <apotwohd@gmail.com>
Date: Fri, 11 Dec 2020 22:12:13 +0200
Subject: [PATCH] feat: add about menu item

---
 .../concordia-app/public/locales/en/translation.json |  1 +
 packages/concordia-app/src/Routes.jsx                |  5 +++++
 .../src/layouts/MainLayout/MainLayoutMenu/index.jsx  |  8 ++++++++
 packages/concordia-app/src/views/About/index.jsx     | 12 ++++++++++++
 4 files changed, 26 insertions(+)
 create mode 100644 packages/concordia-app/src/views/About/index.jsx

diff --git a/packages/concordia-app/public/locales/en/translation.json b/packages/concordia-app/public/locales/en/translation.json
index 74f1e18..33a1c4d 100644
--- a/packages/concordia-app/public/locales/en/translation.json
+++ b/packages/concordia-app/public/locales/en/translation.json
@@ -62,6 +62,7 @@
   "register.form.sign.up.step.error.message.header": "Form contains errors",
   "register.form.sign.up.step.title": "Sign Up",
   "register.p.account.address": "Account address:",
+  "topbar.button.about": "About",
   "topbar.button.clear.databases": "Clear databases",
   "topbar.button.create.topic": "Create topic",
   "topbar.button.profile": "Profile",
diff --git a/packages/concordia-app/src/Routes.jsx b/packages/concordia-app/src/Routes.jsx
index 15a11b2..8a46785 100644
--- a/packages/concordia-app/src/Routes.jsx
+++ b/packages/concordia-app/src/Routes.jsx
@@ -39,6 +39,11 @@ const routesConfig = [
         path: '/home',
         component: lazy(() => import('./views/Home')),
       },
+      {
+        exact: true,
+        path: '/about',
+        component: lazy(() => import('./views/About')),
+      },
       {
         exact: true,
         path: '/topics/:id(\\bnew\\b|\\d+)',
diff --git a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx
index d45b962..dac4043 100644
--- a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx
+++ b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx
@@ -83,6 +83,14 @@ const MainLayoutMenu = () => {
                           >
                               {t('topbar.button.clear.databases')}
                           </Dropdown.Item>
+                          <Dropdown.Item
+                            link
+                            name="about"
+                            key="about"
+                            onClick={() => { history.push('/about'); }}
+                          >
+                              {t('topbar.button.about')}
+                          </Dropdown.Item>
                       </Dropdown.Menu>
                   </Dropdown>
 
diff --git a/packages/concordia-app/src/views/About/index.jsx b/packages/concordia-app/src/views/About/index.jsx
new file mode 100644
index 0000000..ec432c5
--- /dev/null
+++ b/packages/concordia-app/src/views/About/index.jsx
@@ -0,0 +1,12 @@
+import React, {
+  memo, useMemo,
+} from 'react';
+import { Container } from 'semantic-ui-react';
+
+const About = () => useMemo(() => (
+    <Container id="about-container" textAlign="center">
+        TODO
+    </Container>
+), []);
+
+export default memo(About);