diff --git a/package-lock.json b/package-lock.json
index 385c7f2..410b55c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2792,8 +2792,7 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
       "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "coa": {
       "version": "2.0.2",
@@ -6954,7 +6953,6 @@
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
       "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
       "dev": true,
-      "optional": true,
       "requires": {
         "prelude-ls": "~1.1.2",
         "type-check": "~0.3.2"
@@ -9085,8 +9083,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
       "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "prepend-http": {
       "version": "2.0.0",
@@ -9805,8 +9802,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
       "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "rx-lite-aggregates": {
       "version": "4.0.8",
@@ -11359,7 +11355,6 @@
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
       "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
       "dev": true,
-      "optional": true,
       "requires": {
         "prelude-ls": "~1.1.2"
       }
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
index c2e3e6a..c93268f 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
@@ -8,12 +8,11 @@
 <script>
 import config from "@/config.js";
 import { bus } from "@/main";
-import Spinner from "@/components/Spinner.vue";
 import ServerService from "@/services/ServerService";
 import { mapState } from "vuex";
 
 export default {
-  components: {Spinner},
+  components: {},
   data() {
     return {
       confirmed: false
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
index fc12943..608e651 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
@@ -42,7 +42,6 @@
 <script>
 import config from "@/config.js";
 import { bus } from "@/main";
-import Spinner from "@/components/Spinner.vue";
 import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
 import ServerService from "@/services/ServerService";
 import DropDown from "./DropDownMenu";
@@ -50,7 +49,7 @@ import { mapState } from "vuex";
 import path from "path";
 
 export default {
-  components: { Spinner, DropDown, ProfilePicture },
+  components: { DropDown, ProfilePicture },
   data() {
     return {
       requestSent: false,
@@ -106,8 +105,8 @@ export default {
         _this.$set(_this.update, 'avatar', reader.result);
       };
       reader.onerror = function (error) {
-        return this.$store.dispatch('setGenericMessage', "Something went wrong. Try again later.") 
         console.log('Error: ', error);
+        return this.$store.dispatch('setGenericMessage', "Something went wrong. Try again later.") 
       };
     }
   },
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
index 5c2dc50..756f932 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
@@ -19,12 +19,11 @@
 <script>
 import config from "@/config.js";
 import { bus } from "@/main";
-import Spinner from "@/components/Spinner.vue";
 import ServerService from "@/services/ServerService";
 import { mapState } from "vuex";
 
 export default {
-  components: {Spinner},
+  components: {},
   data() {
     return {
       deleteButtonConfirmed: false,
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
index 9056003..36b3e99 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
@@ -17,7 +17,6 @@
 <script>
 import config from "@/config.js";
 import { bus } from "@/main";
-import Spinner from "@/components/Spinner.vue";
 import ServerService from "@/services/ServerService";
 import { mapState } from "vuex";
 
@@ -27,7 +26,7 @@ import DeleteServer from './DeleteServer.vue'
 import ManageChannels from './ManageChannels.vue'
 
 export default {
-  components: {Spinner, General, DeleteServer, ManageChannels},
+  components: { General, DeleteServer, ManageChannels},
   data() {
     return {
       index: 0,
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue b/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
index 1545fac..e38f352 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
@@ -91,8 +91,8 @@ export default {
         _this.$set(_this.update, 'avatar', reader.result);
       };
       reader.onerror = function (error) {
-        return this.$store.dispatch('setGenericMessage', "Something went wrong. Try again later.") 
         console.log('Error: ', error);
+        return this.$store.dispatch('setGenericMessage', "Something went wrong. Try again later.") 
       };
     },
     async updateProfile() {
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue b/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
index 6b4321b..2354334 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
@@ -34,7 +34,6 @@
 
 <script>
 
-import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
 const Survey = () => import("./survey.vue");
 const EditProfile = () => import("./EditProfile.vue");
 
@@ -46,7 +45,6 @@ import { mapState } from "vuex";
 
 export default {
   components: {
-    ProfilePicture,
     Survey,
     EditProfile
   },