From 96bbea7880d63dbcfee6f0ff3c11e3f437b59266 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Sun, 1 Aug 2021 08:52:08 +0200
Subject: [PATCH] centralize telegram icons

---
 .../sections/cta-sections/logoShowcase.vue        | 15 +++++++++++++--
 src/templates/MarkdownPage.vue                    |  1 +
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/marketing/sections/cta-sections/logoShowcase.vue b/src/components/marketing/sections/cta-sections/logoShowcase.vue
index 9eaf99b10..b0701874d 100644
--- a/src/components/marketing/sections/cta-sections/logoShowcase.vue
+++ b/src/components/marketing/sections/cta-sections/logoShowcase.vue
@@ -6,7 +6,18 @@
       </h2>
       <p class="text-gray-400 leading-relaxed"></p>
     </div>
-    <div class="flex flex-wrap -mx-8">
+    <div v-if="id == 'support'" class="flex flex-wrap -mx-8">
+      <a
+        v-for="(logo, idx) in logos"
+        :key="idx"
+        :href="logo.url"
+        class="w-1/2 md:w-1/4 px-8 mb-8"
+      >
+        <g-image :src="img(logo.image)" />
+      </a>
+    </div>
+
+    <div v-else class="flex flex-wrap -mx-8">
       <a
         v-for="(logo, idx) in logos"
         :key="idx"
@@ -21,7 +32,7 @@
 
 <script>
 export default {
-  props: ["logos", "main"],
+  props: ["id", "logos", "main"],
   methods: {
     img(image) {
       if (!image) return "";
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index 4e849e8d2..0c2fdff05 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -147,6 +147,7 @@
 
       <logoShowcase
         v-if="$page.markdownPage.logos.length > 0"
+        :id="$page.markdownPage.id"
         :logos="$page.markdownPage.logos"
         :main="$page.markdownPage.logosMain"
       />