From e755b7cc4e5a0bef283a55d3ff3f3a59ebc6a6fc Mon Sep 17 00:00:00 2001
From: Dessalines <dessalines@users.noreply.github.com>
Date: Fri, 6 Aug 2021 17:48:37 -0400
Subject: [PATCH] Adding about page (#55)

* Adding about page

* Updating submodules

* Updating submodules

* Fix adding lemmy-docs to update_submodules

* Externalized about page text.
---
 joinlemmy-translations              |  2 +-
 lemmy-docs                          |  2 +-
 lemmy-instance-stats                |  2 +-
 lemmy-translations                  |  2 +-
 src/assets/css/main.css             |  2 +-
 src/shared/components/about.tsx     | 38 +++++++++++++++++++++++++++++
 src/shared/components/link-line.tsx |  1 +
 src/shared/routes.ts                |  6 +++++
 update_submodules.sh                |  1 +
 9 files changed, 51 insertions(+), 5 deletions(-)
 create mode 100644 src/shared/components/about.tsx

diff --git a/joinlemmy-translations b/joinlemmy-translations
index 19ff27d..74ec39c 160000
--- a/joinlemmy-translations
+++ b/joinlemmy-translations
@@ -1 +1 @@
-Subproject commit 19ff27de57476beb1e6294707c594003ff9d55e2
+Subproject commit 74ec39c7c6f6eb7b5dbf60193736912f232c7866
diff --git a/lemmy-docs b/lemmy-docs
index 98cf34b..089ddd3 160000
--- a/lemmy-docs
+++ b/lemmy-docs
@@ -1 +1 @@
-Subproject commit 98cf34ba2c68e112ac7f685395d57632acb9be74
+Subproject commit 089ddd39d86de05ac501c9fb8b128e858e5b2fd8
diff --git a/lemmy-instance-stats b/lemmy-instance-stats
index c8841c0..e397d2d 160000
--- a/lemmy-instance-stats
+++ b/lemmy-instance-stats
@@ -1 +1 @@
-Subproject commit c8841c0dcd9024091752198c9167ae1fba6ee559
+Subproject commit e397d2da34f4cb33a653ca4faef1f0ae0a919f18
diff --git a/lemmy-translations b/lemmy-translations
index cb91fde..f9c26e8 160000
--- a/lemmy-translations
+++ b/lemmy-translations
@@ -1 +1 @@
-Subproject commit cb91fdeb05054ed28cb1a47ee3e4e39ab83cde33
+Subproject commit f9c26e8d45161059eb9fb59cda31dea44fac837b
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index bdf63ec..3e2e9c6 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -52,6 +52,6 @@ img {
   max-width: unset;
 }
 .footer-name {
-  display: inline-block !important; 
+  display: inline-block !important;
   padding: 0px 6px 0px 6px !important;
 }
diff --git a/src/shared/components/about.tsx b/src/shared/components/about.tsx
new file mode 100644
index 0000000..0da9161
--- /dev/null
+++ b/src/shared/components/about.tsx
@@ -0,0 +1,38 @@
+import { Component } from "inferno";
+import { Helmet } from "inferno-helmet";
+import { i18n } from "../i18next";
+import { T } from "inferno-i18next";
+
+const title = i18n.t("about_title");
+
+export class About extends Component<any, any> {
+  constructor(props: any, context: any) {
+    super(props, context);
+  }
+  render() {
+    return (
+      <div>
+        <Helmet title={title}>
+          <meta property={"title"} content={title} />
+        </Helmet>
+        <div class="container">
+          <h1>{i18n.t("about_title")}</h1>
+          <T i18nKey="about_text">
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <i class="is-right">#</i>
+          </T>
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/src/shared/components/link-line.tsx b/src/shared/components/link-line.tsx
index da0dd5f..3797483 100644
--- a/src/shared/components/link-line.tsx
+++ b/src/shared/components/link-line.tsx
@@ -11,6 +11,7 @@ export class LinkLine extends Component<any, any> {
     return (
       <>
         <Link to="/instances">{i18n.t("join")}</Link>
+        <Link to="/about">{i18n.t("about")}</Link>
         <Link to="/apps">{i18n.t("apps")}</Link>
         <Link to="/support">{i18n.t("support")}</Link>
         <a href={`/docs/${getDocsLanguage(i18n.language)}/index.html`}>
diff --git a/src/shared/routes.ts b/src/shared/routes.ts
index 956a5f6..ee9e634 100644
--- a/src/shared/routes.ts
+++ b/src/shared/routes.ts
@@ -4,6 +4,7 @@ import { Apps } from "./components/apps";
 import { Instances } from "./components/instances";
 import { Contact } from "./components/contact";
 import { Support } from "./components/support";
+import { About } from "./components/about";
 
 export const routes: IRouteProps[] = [
   {
@@ -16,6 +17,11 @@ export const routes: IRouteProps[] = [
     exact: true,
     component: Apps,
   },
+  {
+    path: `/about`,
+    exact: true,
+    component: About,
+  },
   {
     path: `/instances`,
     exact: true,
diff --git a/update_submodules.sh b/update_submodules.sh
index a50f326..7dd4794 100755
--- a/update_submodules.sh
+++ b/update_submodules.sh
@@ -20,6 +20,7 @@ git submodule update --remote
 git add joinlemmy-translations
 git add lemmy-translations
 git add lemmy-instance-stats
+git add lemmy-docs
 
 git commit -m"Updating submodules"
 git push