From bb38363b2b89cba32c2a4ae237d159a890284296 Mon Sep 17 00:00:00 2001
From: jamesb <experimentallearning0@gmail.com>
Date: Tue, 9 Feb 2021 12:25:36 +0000
Subject: [PATCH] - Added: YouTube socialLink

---
 config/custom-environment-variables.json5 |  1 +
 config/default.json5                      |  1 +
 src/client/views/layout/Header.vue        | 12 ++++++++++++
 src/common/global.ts                      |  1 +
 4 files changed, 15 insertions(+)

diff --git a/config/custom-environment-variables.json5 b/config/custom-environment-variables.json5
index 693e12a..0b35431 100644
--- a/config/custom-environment-variables.json5
+++ b/config/custom-environment-variables.json5
@@ -22,5 +22,6 @@
     socialFacebook: "GH_VOICE_CLIENT_SOCIAL_FACEBOOK",
     socialTwitter: "GH_VOICE_CLIENT_SOCIAL_TWITTER",
     socialDiscord: "GH_VOICE_CLIENT_SOCIAL_DISCORD",
+    socialYouTube: "GH_VOICE_CLIENT_SOCIAL_YOUTUBE",
   }
 }
diff --git a/config/default.json5 b/config/default.json5
index 368e09b..619a5b4 100644
--- a/config/default.json5
+++ b/config/default.json5
@@ -45,6 +45,7 @@
     socialFacebook: "",
     socialTwitter: "",
     socialDiscord: "",
+    socialYouTube: "",
   },
 
   // Which repositories' issues should be displayed to the client.
diff --git a/src/client/views/layout/Header.vue b/src/client/views/layout/Header.vue
index 9947e14..a6535c2 100644
--- a/src/client/views/layout/Header.vue
+++ b/src/client/views/layout/Header.vue
@@ -46,6 +46,15 @@
               <span class="nav-link-inner--text d-none">Discord</span>
           </a>
         </li>
+        <li class="nav-item" v-if="socialLinkYouTube">
+          <a class="nav-link nav-link-icon"
+             :href="socialLinkYouTube"
+             target="_blank"
+             data-toggle="tooltip" title="Checkout our YouTube channel">
+              <i class="fab fa-youtube"></i>
+              <span class="nav-link-inner--text d-none">YouTube</span>
+          </a>
+        </li>
         <li class="nav-item ml-sm-3" v-if="isLoggedIn">
           <a :href="authSignOut"
              :alt="user.username"
@@ -104,6 +113,9 @@ export default Vue.extend({
     socialLinkDiscord() {
       return process.env.VUE_APP_SOCIAL_DISCORD;
     },
+    socialLinkYouTube() {
+      return process.env.VUE_APP_SOCIAL_YOU_TUBE;
+    },
   },
   data() {
     return {
diff --git a/src/common/global.ts b/src/common/global.ts
index e481fe5..75dd0b1 100644
--- a/src/common/global.ts
+++ b/src/common/global.ts
@@ -19,6 +19,7 @@ declare global {
     socialFacebook: string;
     socialTwitter: string;
     socialDiscord: string;
+    socialYouTube: string;
   }
 
   interface GHConfigServer {