add "no reports" message

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

@@ -7,6 +7,10 @@
           {{ $t('moderation.reports.show_closed') }}
         </Checkbox>
       </div>
+      <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"
@@ -14,6 +18,7 @@
         />
       </div>
     </div>
+  </div>
 </template>
 
 <script src="./reports_tab.js"></script>

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",