From 0773fda30e601da8e655474bb0f9a6641d59649b Mon Sep 17 00:00:00 2001
From: jalenng <jalen_ng@outlook.com>
Date: Mon, 31 May 2021 18:58:43 -0700
Subject: [PATCH] Update about page to show links

---
 public/ipcHandlers.js         |  4 ++++
 src/preferences/tabs/About.js | 22 ++++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/public/ipcHandlers.js b/public/ipcHandlers.js
index b7df61b..edaf910 100644
--- a/public/ipcHandlers.js
+++ b/public/ipcHandlers.js
@@ -47,6 +47,10 @@ ipcMain.on('get-about-info', (event) => {
       version: app.getVersion()
     },
     versions: process.versions,
+    links: [
+      { name: 'GitHub', link: 'https://github.com/jalenng/twenty', iconName: 'GitGraph' },
+      { name: 'Website', link: 'https://jalenng.github.io/twenty', iconName: 'Globe' }
+    ],
     openSourceLibraries: [
       { name: '@fluentui/react', link: 'https://github.com/microsoft/fluentui' },
       { name: 'electron', link: 'https://github.com/electron/electron' },
diff --git a/src/preferences/tabs/About.js b/src/preferences/tabs/About.js
index d62db5e..524835e 100644
--- a/src/preferences/tabs/About.js
+++ b/src/preferences/tabs/About.js
@@ -47,6 +47,7 @@ export default class extends React.Component {
   render () {
     const appInfo = aboutAppInfo.appInfo
     const versions = aboutAppInfo.versions
+    const links = aboutAppInfo.links
     const openSourceLibraries = aboutAppInfo.openSourceLibraries
     const licenseParagraphs = this.state.licenseExpanded
       ? aboutAppInfo.license
@@ -99,6 +100,27 @@ export default class extends React.Component {
 
         </Stack>
 
+        {/* Links */}
+        <Stack {...level2Props}>
+          <Text variant='xLarge' block> Links </Text>
+
+          <div style={{ display: 'inline' }}>
+
+            {links.map(linkElem => {
+              return (
+                <DefaultButton
+                  iconProps={{ iconName: linkElem.iconName }}
+                  key={linkElem.name}
+                  style={{ borderRadius: '8px', marginRight: '8px', marginBottom: '8px' }}
+                  text={linkElem.name}
+                  onClick={() => openExternalLink(linkElem.link)}
+                />
+              )
+            })}
+
+          </div>
+        </Stack>
+
         {/* Attributions to open-source libraries */}
         <Stack {...level2Props}>
           <Text variant='xLarge' block> Open source libraries </Text>