From 670aed6f1807f75c94bfe28212609093405a9a98 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Wed, 7 Aug 2024 11:29:12 -0400
Subject: [PATCH] add discord button

---
 app/src/components/home/information.vue | 25 +++++++------------------
 app/src/plugins/scrcpy-plus-bridge.js   |  6 ++++++
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/app/src/components/home/information.vue b/app/src/components/home/information.vue
index ec58e03..01db5f8 100644
--- a/app/src/components/home/information.vue
+++ b/app/src/components/home/information.vue
@@ -1,17 +1,6 @@
 <template>
   <div>
-    <div role="alert" class="alert alert-error">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        class="h-6 w-6 shrink-0 stroke-current"
-        fill="none"
-        viewBox="0 0 24 24">
-        <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
-      </svg>
+    <div role="alert" class="alert alert-error mx-4 w-full">
       <span>
         <h2 class="font-bold text-lg">{{ errors?.length }} issue(s) occurred while starting SCRCPY+</h2>
         <p>{{ errors?.join('\n\n') }}</p>
@@ -24,14 +13,14 @@
         <div class="flex">
             <img alt="Vue logo" src="@/assets/logo.png" class="mr-8" style="width: 5em;">
             <div>
-                <h2 class="card-title">SCRCPY+ <span class="accent-text">{{ version.scrcpyplus }}</span></h2>
-                <p>SCRCPY <span class="accent-text">{{ version.scrcpy }}</span></p>
-                <p>ADB <span class="accent-text">{{ version.adb }}</span></p>
+                <h2 class="text-2xl"><span class="font-bold mr-2">SCRCPY+</span><span class="accent-text">{{ version.scrcpyplus }}</span></h2>
+                <p><span class="font-bold mr-2">SCRCPY</span><span class="accent-text">{{ version.scrcpy }}</span></p>
+                <p><span class="font-bold mr-2">ADB</span><span class="accent-text">{{ version.adb }}</span></p>
             </div>
         </div>
 
         <div class="card-actions justify-end">
-          <button class="btn btn-ghost">Join the Discord</button>
+          <button class="btn btn-ghost" @click="$spb.openExternal('https://discord.gg/APQyKz9e9w')">Join the Discord</button>
           <router-link to="/settings">
             <button class="btn btn-primary">Settings</button>
           </router-link>
@@ -62,7 +51,7 @@ export default {
       })
       .catch(e => {
         errors.push(e);
-        return false;
+        return "Error";
       });
       const scrcpy = await this.$spb.execute('scrcpy --version')
       .then(data => {
@@ -70,7 +59,7 @@ export default {
       })
       .catch(e => {
         errors.push(e);
-        return false;
+        return "Error";
       });
       this.version.adb = adb;
       this.version.scrcpy = scrcpy;
diff --git a/app/src/plugins/scrcpy-plus-bridge.js b/app/src/plugins/scrcpy-plus-bridge.js
index 6268e09..eb3426e 100644
--- a/app/src/plugins/scrcpy-plus-bridge.js
+++ b/app/src/plugins/scrcpy-plus-bridge.js
@@ -10,9 +10,15 @@ function execute(cmd) {
   });
 }
 
+//---   Open In External Browser   ---//
+function openExternal(url) {
+  require("electron").shell.openExternal(url)
+}
+
 // This file is the 'SCRCPY Plus Bridge' that bridges the electron app to the host system, be it Windows, Linux or MacOS.
 const spb = {
   execute,
+  openExternal
 }
 export default {
   install: (app, options) => {