From 3818732a65f855f3b8d88d26db9e3d28a32d070a Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Tue, 20 Apr 2021 13:01:27 +0200
Subject: [PATCH] Add new btn

---
 content/page/token/comparison/main/main.md    |  5 +-
 .../team-sections/with_large_images.vue       | 53 ++++++++++++++-----
 src/templates/MarkdownPage.vue                |  5 +-
 src/templates/Partners.vue                    | 12 +++--
 4 files changed, 53 insertions(+), 22 deletions(-)

diff --git a/content/page/token/comparison/main/main.md b/content/page/token/comparison/main/main.md
index 7539effdd..35f6c8d3c 100644
--- a/content/page/token/comparison/main/main.md
+++ b/content/page/token/comparison/main/main.md
@@ -4,8 +4,7 @@ title: THE TFT FUELS THE P2P INTERNET
 description: It is the official medium of exchange for capacity on the ThreeFold Grid.
 button: Expand ThreeFold 
 link: https://threefold.io/farming
+button2: Use ThreeFold
+link2: https://info.threefold.io/#/threefold__use_tfgrid
 ---
 
-<!-- 
-button2: Use ThreeFold
-link2: https://info.threefold.io/#/threefold__use_tfgrid -->
\ No newline at end of file
diff --git a/src/components/marketing/sections/team-sections/with_large_images.vue b/src/components/marketing/sections/team-sections/with_large_images.vue
index 2c186f778..053745bcd 100644
--- a/src/components/marketing/sections/team-sections/with_large_images.vue
+++ b/src/components/marketing/sections/team-sections/with_large_images.vue
@@ -38,19 +38,37 @@
           </div>
         </div>
         <div class="text-center">
-          <a
-            v-if="main.link.includes('http')"
-            target="_blank"
-            :href="main.link"
-            class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
-            >{{ main.button }}</a
-          >
-          <a
-            v-else
-            :href="main.link"
-            class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
-            >{{ main.button }}</a
-          >
+          <div class="inline-flex" v-if="main.button">
+            <a
+              v-if="urlChecker(main.link)"
+              target="_blank"
+              :href="main.link"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
+              >{{ main.button }}</a
+            >
+            <a
+              v-else
+              :href="main.link"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
+              >{{ main.button }}</a
+            >
+          </div>
+
+          <div class="inline-flex" v-if="main.button2">
+            <a
+              v-if="urlChecker(main.link2)"
+              target="_blank"
+              :href="main.link2"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
+              >{{ main.button2 }}</a
+            >
+            <a
+              v-else
+              :href="main.link2"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
+              >{{ main.button2 }}</a
+            >
+          </div>
         </div>
       </div>
     </div>
@@ -66,6 +84,15 @@ export default {
       if (image.src) return image.src;
       return image;
     },
+    urlChecker(link) {
+      var urlCheck = new RegExp(
+        "([a-zA-Zd]+://)?(w+:w+@)?([a-zA-Zd.-]+.[A-Za-z]{2,4})(:d+)?(/.*)?",
+        "i"
+      );
+      if (urlCheck.test(link)) {
+        return link;
+      }
+    },
   },
 };
 </script>
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index 1686516cd..b8db7e894 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -155,6 +155,8 @@
           description
           button
           link
+          button2
+          link2
         }
         comparisonSecs{
           id
@@ -317,9 +319,6 @@ export default {
       ],
     };
   },
-  mounted() {
-    console.log(this.getImg);
-  },
 };
 </script>
 <style scoped>
diff --git a/src/templates/Partners.vue b/src/templates/Partners.vue
index 3c0a7593f..6f271c564 100644
--- a/src/templates/Partners.vue
+++ b/src/templates/Partners.vue
@@ -85,11 +85,17 @@ export default {
       return res;
     },
     getImg() {
-      let img = "";
+      let image = "";
       if (process.isClient) {
-        img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
+        image = `${window.location.origin}${this.img}`;
       }
-      return img;
+      return image;
+    },
+    img() {
+      if (!this.$page.markdownPage.metaImg) return "";
+      if (this.$page.markdownPage.metaImg.src)
+        return this.$page.markdownPage.metaImg.src;
+      return this.$page.markdownPage.metaImg;
     },
   },
   metaInfo() {