From 5fd06368095c5f468c03287ad23fb2a724712e64 Mon Sep 17 00:00:00 2001
From: Chen-I Lim <chenilim@gmail.com>
Date: Thu, 28 Jan 2021 13:55:51 -0800
Subject: [PATCH] About Focalboard

---
 webapp/i18n/en.json               |  2 +-
 webapp/src/components/sidebar.tsx | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/webapp/i18n/en.json b/webapp/i18n/en.json
index af530ef5a..20aff17b9 100644
--- a/webapp/i18n/en.json
+++ b/webapp/i18n/en.json
@@ -74,6 +74,7 @@
   "ShareBoard.share": "Publish to web and share this board to anyone",
   "ShareBoard.tokenRegenrated": "Token regenerated",
   "ShareBoard.unshare": "Anyone with the link can view this board",
+  "Sidebar.about": "About Focalboard",
   "Sidebar.add-board": "+ Add Board",
   "Sidebar.add-template": "+ New template",
   "Sidebar.changePassword": "Change password",
@@ -118,7 +119,6 @@
   "ViewHeader.delete-template": "Delete",
   "ViewHeader.edit-template": "Edit",
   "ViewHeader.empty-card": "Empty card",
-  "ViewHeader.export-board-archive": "Export board archive",
   "ViewHeader.export-csv": "Export to CSV",
   "ViewHeader.filter": "Filter",
   "ViewHeader.group-by": "Group by: {property}",
diff --git a/webapp/src/components/sidebar.tsx b/webapp/src/components/sidebar.tsx
index 798570daa..b2b488b67 100644
--- a/webapp/src/components/sidebar.tsx
+++ b/webapp/src/components/sidebar.tsx
@@ -397,6 +397,16 @@ class Sidebar extends React.Component<Props, State> {
                                 this.setState({showRegistrationLinkDialog: true})
                             }}
                         />
+
+                        <Menu.Separator/>
+
+                        <Menu.Text
+                            id='about'
+                            name={intl.formatMessage({id: 'Sidebar.about', defaultMessage: 'About Focalboard'})}
+                            onClick={async () => {
+                                this.showAbout()
+                            }}
+                        />
                     </Menu>
                 </MenuWrapper>
 
@@ -527,6 +537,11 @@ class Sidebar extends React.Component<Props, State> {
     private showClicked = () => {
         this.setState({isHidden: false})
     }
+
+    private showAbout = () => {
+        const url = 'http://www.focalboard.com?utm_source=webapp'
+        window.open(url, '_blank')
+    }
 }
 
 export default injectIntl(Sidebar)