Remove the dev-tools for rediricting API from production app

webapp/src/components/loadingContent.vue

@@ -8,14 +8,10 @@
     <div v-if="error" class="uk-align-center">
       {{ error }}
     </div>
-    <div class="uk-align-center">
-      <devTools class="uk-width-medium"></devTools>
-    </div>
   </div>
 </template>
 
 <script>
-import devTools from "./tabContentComponents/aboutComponents/devTools.vue";
 import { mapWritableState } from "pinia";
 import { useSettingsStore } from "@/stores/settings.js";
 
@@ -23,10 +19,6 @@ import { useSettingsStore } from "@/stores/settings.js";
 export default {
   name: "LoadingContent",
 
-  components: {
-    devTools,
-  },
-
   computed: {
     ...mapWritableState(useSettingsStore, ["error", "waiting"]),
   },

webapp/src/components/tabContentComponents/aboutComponents/devTools.vue

@@ -1,47 +0,0 @@
-<template>
-  <div>
-    <form class="uk-form-stacked" action="" method="GET" @submit="overrideAPIHost">
-      <label class="uk-form-label">Override API origin</label>
-      <input v-model="overrideOrigin" name="overrideOrigin" class="uk-input" type="text" />
-      <label class="uk-form-label">
-        <input v-model="reloadWhenOverridingOrigin" class="uk-checkbox" type="checkbox" />
-        Reload web app with new origin
-      </label>
-      <button class="uk-button uk-button-default uk-margin-small">Apply</button>
-    </form>
-  </div>
-</template>
-
-<script>
-import { mapWritableState } from "pinia";
-import { useSettingsStore } from "@/stores/settings.js";
-
-export default {
-  name: "DevTools",
-
-  data() {
-    return {
-      reloadWhenOverridingOrigin: true,
-    };
-  },
-
-  computed: {
-    ...mapWritableState(useSettingsStore, ["overrideOrigin", "origin"]),
-  },
-
-  methods: {
-    overrideAPIHost(event) {
-      if (!this.reloadWhenOverridingOrigin) {
-        this.origin = this.overrideOrigin;
-        event.preventDefault();
-      }
-    },
-  },
-};
-</script>
-
-<style scoped lang="less">
-.error-icon {
-  font-size: 120px;
-}
-</style>

webapp/src/components/tabContentComponents/aboutContent.vue

@@ -14,22 +14,16 @@
         Report an issue
       </a>
     </div>
-    <div class="uk-padding-small">
-      <h2>Developer tools</h2>
-      <devTools class="uk-width-large" />
-    </div>
   </div>
 </template>
 
 <script>
-import devTools from "./aboutComponents/devTools.vue";
 import statusPane from "./aboutComponents/statusPane.vue";
 
 export default {
   name: "AboutContent",
 
   components: {
-    devTools,
     statusPane,
   },
 };