From a4e3cccf1cba238e5bfd96ea8c60f0d12bc6b7aa Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Wed, 6 Jan 2021 18:31:34 +0200
Subject: somewhat workign version still with fixture

---
 src/components/notification/notification.vue | 34 ++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'src/components/notification/notification.vue')

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index f56aa977..39e3bda0 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -106,6 +106,9 @@
                 </i18n>
               </small>
             </span>
+            <span v-if="notification.type === 'pleroma:report'">
+              <small>{{ $t('notifications.submitted_report') }}</small>
+            </span>
           </div>
           <div
             v-if="isStatusNotification"
@@ -180,6 +183,37 @@
             @{{ notification.target.screen_name }}
           </router-link>
         </div>
+        <div
+          v-else-if="notification.type === 'pleroma:report'"
+        >
+          <small>Reported user:</small>
+          <router-link :to="generateUserProfileLink(notification.report.acct)">
+            @{{ notification.report.acct.screen_name }}
+          </router-link>
+          <!-- eslint-disable vue/no-v-html -->
+          <div
+            class="report-content"
+            v-html="notification.report.content"
+          />
+          <div v-if="notification.report.statuses.length">
+            <small>Reported statuses:</small>
+            <!-- eslint-enable vue/no-v-html -->
+            <router-link
+              v-for="status in notification.report.statuses"
+              :key="status.id"
+              :to="{ name: 'conversation', params: { id: status.id } }"
+              class="reported-status"
+            >
+              <span class="reported-status-name">{{ status.user.name }}</span>
+              <Timeago
+                :time="status.created_at"
+                :auto-update="240"
+                class="reported-status-timeago faint"
+              />
+              <status-content :status="status" />
+            </router-link>
+          </div>
+        </div>
         <template v-else>
           <status-content
             class="faint"
-- 
cgit v1.2.3-70-g09d2

