From b7d280f6759af178702eec0eee349c8d38c312f7 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Fri, 2 Apr 2021 09:43:58 +0200
Subject: [PATCH] Add "link copied!" toast to room info

---
 src/assets/css/chat.scss    | 28 ++++++++++++++--------------
 src/components/RoomInfo.vue | 13 ++++++++++---
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index b68207b..e115e73 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -724,20 +724,6 @@ $admin-fg: white;
         border: 1px solid #808080 !important;
         position: relative;
     }
-
-    .link-copied {
-        position: absolute;
-        bottom: 10px;
-        left: 20%;
-        right: 20%;
-        background-color: #888888;
-        height: 50px;
-        border-radius: 25px;
-        color: white;
-        text-align: center;
-        vertical-align: middle;
-        padding-top: 10px;
-    }
 }
 
 .room-link .v-input__slot::before {
@@ -750,4 +736,18 @@ $admin-fg: white;
     border-radius: 25px;
     margin: 20px;
     padding: 20px;
+}
+
+.link-copied {
+    position: absolute;
+    bottom: 10px;
+    left: 20%;
+    right: 20%;
+    background-color: #888888;
+    height: 50px;
+    border-radius: 25px;
+    color: white;
+    text-align: center;
+    vertical-align: middle;
+    padding-top: 10px;
 }
\ No newline at end of file
diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index c9854be..1597d52 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -60,6 +60,7 @@
             type="text"
             @click:append="copyRoomLink"
           ></v-text-field>
+          <div v-if="publicRoomLinkCopied" class="link-copied">Link copied!</div>
         </v-radio-group>
 
         <!-- <div v-if="anyoneCanJoin">
@@ -183,6 +184,7 @@ export default {
       expandedMembers: [],
       buildVersion: "",
       updatingJoinRule: false, // Flag if we are processing update curerntly
+      publicRoomLinkCopied: false,
     };
   },
   mounted() {
@@ -311,10 +313,15 @@ export default {
     },
 
     copyRoomLink() {
+      const self = this;
       this.$copyText(this.publicRoomLink).then(
-        function (e) {
-          console.log(e);
-        },
+        function (ignored) {
+          // Success!
+          self.publicRoomLinkCopied = true;
+          setInterval(() => {
+            // Hide again
+            self.publicRoomLinkCopied = false;
+          }, 3000);        },
         function (e) {
           console.log(e);
         }