From 681bd3b2b19004c0d2807c3f73941da047048caa Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Thu, 7 May 2020 22:49:02 +0900
Subject: [PATCH] refs #1317 Show link preview in notifications

---
 .../components/molecules/Toot/LinkPreview.vue         |  2 +-
 .../components/organisms/Notification/Favourite.vue   | 11 ++++++++++-
 .../components/organisms/Notification/Reaction.vue    | 11 ++++++++++-
 .../components/organisms/Notification/Reblog.vue      | 11 ++++++++++-
 4 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/molecules/Toot/LinkPreview.vue b/src/renderer/components/molecules/Toot/LinkPreview.vue
index f43ffdc3..6c50fb70 100644
--- a/src/renderer/components/molecules/Toot/LinkPreview.vue
+++ b/src/renderer/components/molecules/Toot/LinkPreview.vue
@@ -64,7 +64,7 @@ export default {
     box-sizing: border-box;
     height: 60px;
     padding: 4px 0 0 10px;
-    color: var(--theme-secondary-color);
+    color: #909399;
 
     strong {
       display: block;
diff --git a/src/renderer/components/organisms/Notification/Favourite.vue b/src/renderer/components/organisms/Notification/Favourite.vue
index d18727f3..e12536aa 100644
--- a/src/renderer/components/organisms/Notification/Favourite.vue
+++ b/src/renderer/components/organisms/Notification/Favourite.vue
@@ -91,6 +91,13 @@
             </div>
             <div class="clearfix"></div>
           </div>
+          <LinkPreview
+            v-if="message.status.card && message.status.card.type === 'link'"
+            :icon="message.status.card.image"
+            :title="message.status.card.title"
+            :description="message.status.card.description"
+            :url="message.status.card.url"
+          />
         </div>
       </div>
       <div class="clearfix"></div>
@@ -106,11 +113,13 @@ import { findAccount, findLink, findTag } from '~/src/renderer/utils/tootParser'
 import emojify from '~/src/renderer/utils/emojify'
 import TimeFormat from '~/src/constants/timeFormat'
 import FailoverImg from '~/src/renderer/components/atoms/FailoverImg'
+import LinkPreview from '~/src/renderer/components/molecules/Toot/LinkPreview'
 
 export default {
   name: 'favourite',
   components: {
-    FailoverImg
+    FailoverImg,
+    LinkPreview
   },
   props: {
     message: {
diff --git a/src/renderer/components/organisms/Notification/Reaction.vue b/src/renderer/components/organisms/Notification/Reaction.vue
index 3dd79f64..9d64213c 100644
--- a/src/renderer/components/organisms/Notification/Reaction.vue
+++ b/src/renderer/components/organisms/Notification/Reaction.vue
@@ -91,6 +91,13 @@
             </div>
             <div class="clearfix"></div>
           </div>
+          <LinkPreview
+            v-if="message.status.card && message.status.card.type === 'link'"
+            :icon="message.status.card.image"
+            :title="message.status.card.title"
+            :description="message.status.card.description"
+            :url="message.status.card.url"
+          />
         </div>
       </div>
       <div class="clearfix"></div>
@@ -106,11 +113,13 @@ import { findAccount, findLink, findTag } from '~/src/renderer/utils/tootParser'
 import emojify from '~/src/renderer/utils/emojify'
 import TimeFormat from '~/src/constants/timeFormat'
 import FailoverImg from '~/src/renderer/components/atoms/FailoverImg'
+import LinkPreview from '~/src/renderer/components/molecules/Toot/LinkPreview'
 
 export default {
   name: 'reaction',
   components: {
-    FailoverImg
+    FailoverImg,
+    LinkPreview
   },
   props: {
     message: {
diff --git a/src/renderer/components/organisms/Notification/Reblog.vue b/src/renderer/components/organisms/Notification/Reblog.vue
index d0242ef1..cab4f3ab 100644
--- a/src/renderer/components/organisms/Notification/Reblog.vue
+++ b/src/renderer/components/organisms/Notification/Reblog.vue
@@ -93,6 +93,13 @@
             </div>
             <div class="clearfix"></div>
           </div>
+          <LinkPreview
+            v-if="message.status.card && message.status.card.type === 'link'"
+            :icon="message.status.card.image"
+            :title="message.status.card.title"
+            :description="message.status.card.description"
+            :url="message.status.card.url"
+          />
         </div>
       </div>
       <div class="clearfix"></div>
@@ -108,11 +115,13 @@ import { findAccount, findLink, findTag } from '~/src/renderer/utils/tootParser'
 import emojify from '~/src/renderer/utils/emojify'
 import TimeFormat from '~/src/constants/timeFormat'
 import FailoverImg from '~/src/renderer/components/atoms/FailoverImg'
+import LinkPreview from '~/src/renderer/components/molecules/Toot/LinkPreview'
 
 export default {
   name: 'reblog',
   components: {
-    FailoverImg
+    FailoverImg,
+    LinkPreview
   },
   props: {
     message: {