separated component

1 files changed, 3 insertions, 30 deletions

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 39e3bda0..3b74249d 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -183,37 +183,10 @@
             @{{ notification.target.screen_name }}
           </router-link>
         </div>
-        <div
+        <Report
           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>
+          :report="notification.report"
+        />
         <template v-else>
           <status-content
             class="faint"