From 0d8163aa38e53a2bd441d89d6b88f5b8b78af16c Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Wed, 4 Aug 2021 14:38:55 +0200
Subject: [PATCH] Apply Alert on news post

---
 src/templates/NewsPost.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/templates/NewsPost.vue b/src/templates/NewsPost.vue
index bb00f85db..b85a5d3da 100644
--- a/src/templates/NewsPost.vue
+++ b/src/templates/NewsPost.vue
@@ -2,6 +2,8 @@
   <Layout :hideHeader="true" :disableScroll="true">
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-20 px-4">
       <div class="pt-8">
+        <Alert v-if="showAlert" @clicked="linkCopied" />
+
         <section class="post-header container mx-auto px-0 mb-4 border-b">
           <h1 class="text-5xl font-medium leading-none mt-0">
             {{ $page.news.title }}
@@ -208,10 +210,19 @@
 
 <script>
 import PostListItem from "~/components/custom/Cards/PostListItem.vue";
+import Alert from "~/components/custom/Alert.vue";
+
 export default {
   components: {
     PostListItem,
+    Alert,
   },
+  data() {
+    return {
+      showAlert: false,
+    };
+  },
+
   metaInfo() {
     return {
       title: "",
@@ -263,6 +274,10 @@ export default {
       el.select();
       document.execCommand("copy");
       document.body.removeChild(el);
+      this.showAlert = true;
+    },
+    linkCopied(val) {
+      this.showAlert = val;
     },
   },
 };