uploads tab

src/components/settings_modal/helpers/choice_setting.js

@@ -23,6 +23,9 @@ export default {
     ...Setting.computed,
     realOptions () {
       if (this.realSource === 'admin') {
+        if (!(this.backendDescriptionSuggestions?.length !== 0)) {
+          return this.options
+        }
         return this.backendDescriptionSuggestions.map(x => ({
           key: x,
           value: x,

src/components/settings_modal/settings_modal_admin_content.js

@@ -4,6 +4,7 @@ import InstanceTab from './admin_tabs/instance_tab.vue'
 import LimitsTab from './admin_tabs/limits_tab.vue'
 import FrontendsTab from './admin_tabs/frontends_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
+import UploadsTab from './admin_tabs/uploads_tab.vue'
 import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
@@ -16,7 +17,8 @@ import {
   faLaptopCode,
   faEnvelope,
   faChartLine,
-  faDoorOpen
+  faDoorOpen,
+  faUpload
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -25,7 +27,8 @@ library.add(
   faLaptopCode,
   faEnvelope,
   faChartLine,
-  faDoorOpen
+  faDoorOpen,
+  faUpload
 )
 
 const SettingsModalAdminContent = {
@@ -37,6 +40,7 @@ const SettingsModalAdminContent = {
     FrontendsTab,
     MailerTab,
     EmojiTab,
+    UploadsTab,
     MonitoringTab,
     RegistrationsTab
   },

src/components/settings_modal/settings_modal_admin_content.vue

@@ -90,6 +90,14 @@
       <MailerTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.uploads')"
+      icon="upload"
+      data-tab-name="uploads"
+    >
+      <UploadsTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.monitoring')"
       icon="chart-line"