add "no reports" message

src/components/mod_modal/tabs/reports_tab/reports_tab.vue

@@ -7,11 +7,16 @@
           {{ $t('moderation.reports.show_closed') }}
         </Checkbox>
       </div>
-      <ReportCard
-        v-for="report in (showClosed ? reports : openReports)"
-        :key="report.id"
-        v-bind="report"
-      />
+      <div class="reports">
+        <div v-if="(openReports.length === 0 && !showClosed) || reports.length === 0">
+          <p>{{ $t('moderation.reports.no_reports') }}</p>
+        </div>
+        <ReportCard
+          v-for="report in (showClosed ? reports : openReports)"
+          :key="report.id"
+          v-bind="report"
+        />
+      </div>
     </div>
   </div>
 </template>

src/i18n/en.json

@@ -273,6 +273,7 @@
     "moderation": {
       "moderation": "Moderation",
       "reports": {
+        "no_reports": "No reports to show",
         "add_note": "Add note",
         "close": "Close",
         "delete_note": "Delete",