From cda2dc953eec4b50f10a55150ffd4e6f94c24454 Mon Sep 17 00:00:00 2001
From: unknown <saawalkhn@googlemail.com>
Date: Thu, 12 Dec 2019 13:10:34 +0000
Subject: [PATCH] fixed more problems

---
 src/components/app/MainNav.vue                     |  3 +--
 src/components/app/MessagePanel.vue                |  5 ++---
 src/components/app/MessageTemplate.vue             |  3 +--
 src/components/app/Navigation.vue                  |  2 +-
 src/components/app/Popouts/Popouts/AddFriend.vue   |  2 +-
 src/components/app/Popouts/Popouts/AddServer.vue   | 14 +++++---------
 .../app/Popouts/Popouts/AdminEditorPopout.vue      |  7 +------
 .../app/Popouts/Popouts/ServerContextMenu.vue      |  7 ++-----
 .../app/Popouts/Popouts/ServerInvitePopout.vue     |  8 ++------
 .../app/Popouts/Popouts/ServerMemberContext.vue    | 13 +++----------
 .../Popouts/ServerSettingsPanels/DeleteServer.vue  |  8 +-------
 .../Popouts/ServerSettingsPanels/General.vue       |  6 ++----
 src/components/app/Popouts/Popouts/Settings.vue    |  2 --
 .../Popouts/Popouts/SettingsPanels/EditProfile.vue |  2 +-
 .../Popouts/SettingsPanels/Notifications.vue       |  4 ----
 .../Popouts/Popouts/SettingsPanels/appSettings.vue |  4 ----
 .../app/Popouts/Popouts/SettingsPanels/survey.vue  |  2 +-
 src/components/app/ServerList.vue                  |  3 +--
 src/components/app/ServerTemplate/ChannelsList.vue |  5 +----
 .../app/ServerTemplate/ServerTemplate.vue          |  1 -
 src/components/app/SimpleMarkdown.vue              |  1 -
 .../app/Tabs/AdminPanel/OnlineUsersPanel.vue       |  2 +-
 src/components/app/Tabs/AdminPanel/ThemesPanel.vue |  2 +-
 src/components/app/Tabs/AdminPanel/UsersPanel.vue  |  2 +-
 src/components/app/Tabs/Explore.vue                | 10 +++-------
 src/components/app/Tabs/Explore/servers.vue        |  4 +---
 src/components/app/Tabs/News.vue                   |  1 -
 src/components/app/messageEmbedTemplate.vue        |  3 +--
 src/components/app/relationships/RecentFriends.vue |  1 -
 src/views/HomePage.vue                             | 14 +++++++++-----
 src/views/LoginPage.vue                            |  2 ++
 src/views/RegisterPage.vue                         |  2 ++
 32 files changed, 47 insertions(+), 98 deletions(-)

diff --git a/src/components/app/MainNav.vue b/src/components/app/MainNav.vue
index f883a32..1805daa 100644
--- a/src/components/app/MainNav.vue
+++ b/src/components/app/MainNav.vue
@@ -103,7 +103,7 @@ export default {
     };
   },
   methods: {
-    async onEnd(event) {
+    async onEnd() {
       this.drag = false;
       const serverIDArr = this.serversArr.map(s => s.server_id);
       await settingsService.setServerPositions(serverIDArr);
@@ -152,7 +152,6 @@ export default {
       this.toolTipShown = true;
 
       this.$nextTick(() => {
-        const width = window.innerWidth;
         const tooltipWidth = this.$refs.toolTip.clientWidth;
         const rect = event.target.getBoundingClientRect();
         this.toolTipLeftPosition = rect.left - tooltipWidth / 2 + 25;
diff --git a/src/components/app/MessagePanel.vue b/src/components/app/MessagePanel.vue
index b164cbb..2a1c84f 100644
--- a/src/components/app/MessagePanel.vue
+++ b/src/components/app/MessagePanel.vue
@@ -354,7 +354,7 @@ export default {
       this.$store.dispatch("setEditMessage", null);
       this.message = "";
 
-      const { ok, error, result } = await messagesService.update(
+      const { ok } = await messagesService.update(
         editMessage.messageID,
         editMessage.channelID,
         {
@@ -419,7 +419,6 @@ export default {
       }
     },
     ReturnWord(text, caretPos) {
-      var index = text.indexOf(caretPos);
       var preText = text.substring(0, caretPos);
       if (preText.indexOf(" ") > 0) {
         var words = preText.split(" ");
@@ -590,7 +589,7 @@ export default {
         }
       }
     },
-    async onFocus(event) {
+    async onFocus() {
       if (this.message.trim() !== "") {
         await typingService.post(this.selectedChannelID);
         this.postTimer();
diff --git a/src/components/app/MessageTemplate.vue b/src/components/app/MessageTemplate.vue
index 478916c..cf0bc93 100644
--- a/src/components/app/MessageTemplate.vue
+++ b/src/components/app/MessageTemplate.vue
@@ -136,7 +136,6 @@ import path from "path";
 import windowProperties from "@/utils/windowProperties";
 
 import { mapState } from "vuex";
-import messagesService from "../../services/messagesService";
 
 export default {
   props: [
@@ -247,7 +246,7 @@ export default {
       imageTag.style.height =
         this.clamp(newDimentions.height, 0, srcHeight) + "px";
     },
-    onResize(dimentions) {
+    onResize() {
       this.imageSize();
     }
   },
diff --git a/src/components/app/Navigation.vue b/src/components/app/Navigation.vue
index 0796cc8..9013c06 100644
--- a/src/components/app/Navigation.vue
+++ b/src/components/app/Navigation.vue
@@ -76,7 +76,7 @@ export default {
     };
   },
   methods: {
-    async onEnd(event) {
+    async onEnd() {
       this.drag = false;
       const serverIDArr = this.serversArr.map(s => s.server_id);
       await settingsService.setServerPositions(serverIDArr);
diff --git a/src/components/app/Popouts/Popouts/AddFriend.vue b/src/components/app/Popouts/Popouts/AddFriend.vue
index 9864672..f94b838 100644
--- a/src/components/app/Popouts/Popouts/AddFriend.vue
+++ b/src/components/app/Popouts/Popouts/AddFriend.vue
@@ -56,7 +56,7 @@ export default {
         this.closeMenu();
       }
     },
-    async addButton(e) {
+    async addButton() {
       if (this.requestSent) return;
       this.error = null;
       this.success = null;
diff --git a/src/components/app/Popouts/Popouts/AddServer.vue b/src/components/app/Popouts/Popouts/AddServer.vue
index 547aee4..83bc6f4 100644
--- a/src/components/app/Popouts/Popouts/AddServer.vue
+++ b/src/components/app/Popouts/Popouts/AddServer.vue
@@ -104,10 +104,9 @@
 
 <script>
 import config from "@/config.js";
-import { bus } from "@/main";
+
 import ServerService from "@/services/ServerService";
 import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
-import serversModule from "../../../../store/modules/serversModule";
 import ErrorsListTemplate from "@/components/app/errorsListTemplate";
 
 export default {
@@ -157,7 +156,7 @@ export default {
         return;
       }
       event.target.classList.add("button-clicked");
-      const { ok, error, result } = await ServerService.post({ name });
+      const { ok, error } = await ServerService.post({ name });
       if (ok) {
         this.closeMenu();
       } else {
@@ -197,12 +196,9 @@ export default {
     async joinButton(event) {
       if (event.target.classList.contains("button-clicked")) return;
       event.target.classList.add("button-clicked");
-      const { ok, error, result } = await ServerService.joinServer(
-        this.inviteCode,
-        {
-          socketID: this.$socket.client.id
-        }
-      );
+      const { ok } = await ServerService.joinServer(this.inviteCode, {
+        socketID: this.$socket.client.id
+      });
       if (ok) {
         this.closeMenu();
       }
diff --git a/src/components/app/Popouts/Popouts/AdminEditorPopout.vue b/src/components/app/Popouts/Popouts/AdminEditorPopout.vue
index 4321139..a0963a3 100644
--- a/src/components/app/Popouts/Popouts/AdminEditorPopout.vue
+++ b/src/components/app/Popouts/Popouts/AdminEditorPopout.vue
@@ -36,9 +36,6 @@ import "codemirror/theme/base16-dark.css";
 import "codemirror/lib/codemirror.css";
 import { codemirror } from "vue-codemirror";
 
-import config from "@/config.js";
-import { bus } from "@/main";
-import Spinner from "@/components/Spinner.vue";
 import AdminService from "@/services/adminService";
 
 export default {
@@ -91,9 +88,7 @@ export default {
     }
   },
   async mounted() {
-    const { ok, result, error } = await AdminService.fetchTheme(
-      this.popoutDetails.id
-    );
+    const { ok, result } = await AdminService.fetchTheme(this.popoutDetails.id);
     if (ok) {
       this.cmOptions.orig = result.data.css;
       this.cmOptions.value = result.data.updatedCss;
diff --git a/src/components/app/Popouts/Popouts/ServerContextMenu.vue b/src/components/app/Popouts/Popouts/ServerContextMenu.vue
index cbaff1d..c04a481 100644
--- a/src/components/app/Popouts/Popouts/ServerContextMenu.vue
+++ b/src/components/app/Popouts/Popouts/ServerContextMenu.vue
@@ -11,7 +11,6 @@
 </template>
 
 <script>
-import messagesService from "@/services/messagesService";
 import ServerService from "../../../../services/ServerService";
 export default {
   data() {
@@ -41,7 +40,7 @@ export default {
         serverID: this.contextDetails.serverID
       });
     },
-    createInvite(serverID) {
+    createInvite() {
       this.closeMenu();
       this.$store.dispatch("setPopoutVisibility", {
         name: "showServerInviteMenu",
@@ -50,9 +49,7 @@ export default {
     },
     async leaveServer() {
       this.closeMenu();
-      const { ok, error, result } = await ServerService.leaveServer(
-        this.contextDetails.serverID
-      );
+      await ServerService.leaveServer(this.contextDetails.serverID);
     }
   },
   mounted() {
diff --git a/src/components/app/Popouts/Popouts/ServerInvitePopout.vue b/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
index 04075b9..ad2bd90 100644
--- a/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
+++ b/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
@@ -26,8 +26,6 @@
 </template>
 
 <script>
-import config from "@/config.js";
-import { bus } from "@/main";
 import Spinner from "@/components/Spinner.vue";
 import ServerService from "@/services/ServerService";
 
@@ -40,7 +38,7 @@ export default {
   },
   async mounted() {
     // get invites created by you
-    const { ok, error, result } = await ServerService.getInvites(this.serverID);
+    const { ok, result } = await ServerService.getInvites(this.serverID);
     if (ok) {
       let invites = [];
       for (let invite of result.data) {
@@ -66,9 +64,7 @@ export default {
         console.log("Server ID is not defined");
         return;
       }
-      const { ok, error, result } = await ServerService.postInvite(
-        this.serverID
-      );
+      const { ok, result } = await ServerService.postInvite(this.serverID);
       if (ok) {
         this.invites.push(result.data.invite_code);
       }
diff --git a/src/components/app/Popouts/Popouts/ServerMemberContext.vue b/src/components/app/Popouts/Popouts/ServerMemberContext.vue
index 40847b0..684dcd1 100644
--- a/src/components/app/Popouts/Popouts/ServerMemberContext.vue
+++ b/src/components/app/Popouts/Popouts/ServerMemberContext.vue
@@ -11,7 +11,6 @@
 </template>
 
 <script>
-import messagesService from "@/services/messagesService";
 import ServerService from "../../../../services/ServerService";
 export default {
   data() {
@@ -26,7 +25,7 @@ export default {
         y: null
       });
     },
-    outsideClick(event) {
+    outsideClick() {
       this.closeMenu();
     },
     viewProfile() {
@@ -51,19 +50,13 @@ export default {
       const serverID = this.contextDetails.serverID;
       const uniqueID = this.contextDetails.uniqueID;
       this.closeMenu();
-      const { ok, error, result } = await ServerService.kickMember(
-        serverID,
-        uniqueID
-      );
+      await ServerService.kickMember(serverID, uniqueID);
     },
     async banMember() {
       const serverID = this.contextDetails.serverID;
       const uniqueID = this.contextDetails.uniqueID;
       this.closeMenu();
-      const { ok, error, result } = await ServerService.banMember(
-        serverID,
-        uniqueID
-      );
+      await ServerService.banMember(serverID, uniqueID);
     },
     setPosition() {
       const y = this.contextDetails.y;
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
index 024a9c2..7561abb 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
@@ -11,11 +11,7 @@
 </template>
 
 <script>
-import config from "@/config.js";
-import { bus } from "@/main";
 import ServerService from "@/services/ServerService";
-import { mapState } from "vuex";
-
 export default {
   components: {},
   data() {
@@ -28,9 +24,7 @@ export default {
       if (!this.confirmed) {
         return (this.confirmed = true);
       }
-      const { ok, error, result } = await ServerService.leaveServer(
-        this.server.server_id
-      );
+      const { ok } = await ServerService.leaveServer(this.server.server_id);
       if (ok) {
         this.$store.dispatch("setServerSettings", { serverID: null });
       }
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
index a47db7b..bb05461 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
@@ -76,12 +76,10 @@
 
 <script>
 import config from "@/config.js";
-import { bus } from "@/main";
 import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
 import ErrorsListTemplate from "@/components/app/errorsListTemplate";
 import ServerService from "@/services/ServerService";
 import DropDown from "./DropDownMenu";
-import { mapState } from "vuex";
 import path from "path";
 
 export default {
@@ -107,7 +105,7 @@ export default {
     async updateServer() {
       if (this.requestSent) return;
       this.requestSent = true;
-      const { ok, error, result } = await ServerService.updateServer(
+      const { ok, error } = await ServerService.updateServer(
         this.server.server_id,
         this.update
       );
@@ -127,7 +125,7 @@ export default {
       this.requestSent = false;
     },
     //type: avatar || banner
-    imageChangeEvent(type, e) {
+    imageChangeEvent(type) {
       if (!this.googleDriveLinked) {
         event.target.value = "";
         return this.$store.dispatch("setPopoutVisibility", {
diff --git a/src/components/app/Popouts/Popouts/Settings.vue b/src/components/app/Popouts/Popouts/Settings.vue
index a225974..abaae75 100644
--- a/src/components/app/Popouts/Popouts/Settings.vue
+++ b/src/components/app/Popouts/Popouts/Settings.vue
@@ -32,8 +32,6 @@
 </template>
 
 <script>
-import { bus } from "@/main";
-
 import { isMobile } from "@/utils/Mobile";
 import isElectron from "@/utils/ElectronJS/isElectron";
 
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue b/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
index 62fd702..e4b0bfd 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
@@ -155,7 +155,7 @@ export default {
       if (this.requestSent) return;
       this.errors = null;
       this.requestSent = true;
-      const { ok, result, error } = await userService.update(this.update);
+      const { ok, error } = await userService.update(this.update);
       if (!ok) {
         if (error.response === undefined) {
           this.errors = { message: "Cant connect to server" };
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue b/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
index 77f0573..c6a9abe 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
@@ -22,10 +22,6 @@
 </template>
 
 <script>
-import config from "@/config.js";
-
-import SettingsService from "@/services/settingsService.js";
-
 export default {
   data() {
     return {
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue b/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
index a1922aa..7ee9c15 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
@@ -18,8 +18,6 @@
 </template>
 
 <script>
-import isElectron from "@/utils/ElectronJS/isElectron";
-import config from "@/config.js";
 const { ipcRenderer, remote } = window.require("electron");
 const Store = remote.require("electron-store");
 const store = new Store();
@@ -87,8 +85,6 @@ export default {
 .checkbox-box:hover {
   background: rgba(88, 88, 88, 0.94);
 }
-.checkbox-name {
-}
 
 .message-example {
   padding: 10px;
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue b/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
index 53da74c..e863d71 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
@@ -135,7 +135,7 @@ export default {
         return;
       }
 
-      const { ok, error, result } = await userService.setSurvey(this.items);
+      const { ok, error } = await userService.setSurvey(this.items);
       if (ok) {
         this.surveyValidMessage = "Saved!";
       } else {
diff --git a/src/components/app/ServerList.vue b/src/components/app/ServerList.vue
index ca82e39..1174396 100644
--- a/src/components/app/ServerList.vue
+++ b/src/components/app/ServerList.vue
@@ -41,7 +41,6 @@ import MyMiniInformation from "@/components/app/MyMiniInformation.vue";
 import ChannelsList from "@/components/app/ServerTemplate/ChannelsList.vue";
 import Navigation from "@/components/app/Navigation.vue";
 import config from "@/config";
-import { bus } from "@/main";
 
 export default {
   components: {
@@ -63,7 +62,7 @@ export default {
         visibility: true
       });
     },
-    clickServer(serverID, event) {
+    clickServer(serverID) {
       this.openedServer = serverID;
       this.$store.dispatch("servers/setSelectedServerID", serverID);
     },
diff --git a/src/components/app/ServerTemplate/ChannelsList.vue b/src/components/app/ServerTemplate/ChannelsList.vue
index 95af047..c873d95 100644
--- a/src/components/app/ServerTemplate/ChannelsList.vue
+++ b/src/components/app/ServerTemplate/ChannelsList.vue
@@ -46,10 +46,7 @@ export default {
     async onEnd() {
       this.drag = false;
       const channelIDs = this.serverChannels.map(s => s.channelID);
-      const update = await ServerService.channelPosition(
-        this.serverID,
-        channelIDs
-      );
+      await ServerService.channelPosition(this.serverID, channelIDs);
     },
     openChannel(channel) {
       // add to local storage
diff --git a/src/components/app/ServerTemplate/ServerTemplate.vue b/src/components/app/ServerTemplate/ServerTemplate.vue
index c49694c..4de0c2d 100644
--- a/src/components/app/ServerTemplate/ServerTemplate.vue
+++ b/src/components/app/ServerTemplate/ServerTemplate.vue
@@ -23,7 +23,6 @@
 import { bus } from "../../../main.js";
 import config from "@/config.js";
 import ProfilePicture from "@/components/ProfilePictureTemplate.vue";
-import ServerService from "@/services/ServerService";
 
 export default {
   components: { ProfilePicture },
diff --git a/src/components/app/SimpleMarkdown.vue b/src/components/app/SimpleMarkdown.vue
index c78da1e..5ccaf04 100644
--- a/src/components/app/SimpleMarkdown.vue
+++ b/src/components/app/SimpleMarkdown.vue
@@ -3,7 +3,6 @@
 </template>
 
 <script>
-import Vue from "vue";
 import messageFormatter from "@/utils/messageFormatter";
 
 export default {
diff --git a/src/components/app/Tabs/AdminPanel/OnlineUsersPanel.vue b/src/components/app/Tabs/AdminPanel/OnlineUsersPanel.vue
index 7cbd016..42b2722 100644
--- a/src/components/app/Tabs/AdminPanel/OnlineUsersPanel.vue
+++ b/src/components/app/Tabs/AdminPanel/OnlineUsersPanel.vue
@@ -19,7 +19,7 @@ export default {
     };
   },
   async mounted() {
-    const { ok, error, result } = await adminService.fetchOnlineUsers();
+    const { ok, result } = await adminService.fetchOnlineUsers();
     if (ok) {
       this.users = result.data;
     }
diff --git a/src/components/app/Tabs/AdminPanel/ThemesPanel.vue b/src/components/app/Tabs/AdminPanel/ThemesPanel.vue
index f3f86b6..ea82b1b 100644
--- a/src/components/app/Tabs/AdminPanel/ThemesPanel.vue
+++ b/src/components/app/Tabs/AdminPanel/ThemesPanel.vue
@@ -19,7 +19,7 @@ export default {
     };
   },
   async mounted() {
-    const { ok, error, result } = await adminService.fetchWaitingThemes();
+    const { ok, result } = await adminService.fetchWaitingThemes();
     if (ok) {
       this.themes = result.data;
     }
diff --git a/src/components/app/Tabs/AdminPanel/UsersPanel.vue b/src/components/app/Tabs/AdminPanel/UsersPanel.vue
index fb272d4..7180289 100644
--- a/src/components/app/Tabs/AdminPanel/UsersPanel.vue
+++ b/src/components/app/Tabs/AdminPanel/UsersPanel.vue
@@ -19,7 +19,7 @@ export default {
     };
   },
   async mounted() {
-    const { ok, error, result } = await adminService.fetchRecentCreatedUsers();
+    const { ok, result } = await adminService.fetchRecentCreatedUsers();
     if (ok) {
       this.users = result.data;
     }
diff --git a/src/components/app/Tabs/Explore.vue b/src/components/app/Tabs/Explore.vue
index b6e4492..a0d3fc1 100644
--- a/src/components/app/Tabs/Explore.vue
+++ b/src/components/app/Tabs/Explore.vue
@@ -83,7 +83,6 @@
 </template>
 
 <script>
-import { bus } from "@/main";
 import Servers from "./Explore/servers";
 import Themes from "./Explore/themes";
 import ServerService from "@/services/ServerService";
@@ -126,12 +125,9 @@ export default {
       this.donateHide = true;
     },
     async joinNertiviaServer() {
-      const { ok, error, result } = await ServerService.joinServerById(
-        this.nertiviaServerID,
-        {
-          socketID: this.$socket.client.id
-        }
-      );
+      await ServerService.joinServerById(this.nertiviaServerID, {
+        socketID: this.$socket.client.id
+      });
     },
     donateButton() {
       window.open("https://www.paypal.me/DiscordDevHelp", "_blank");
diff --git a/src/components/app/Tabs/Explore/servers.vue b/src/components/app/Tabs/Explore/servers.vue
index 2f07c94..0352daa 100644
--- a/src/components/app/Tabs/Explore/servers.vue
+++ b/src/components/app/Tabs/Explore/servers.vue
@@ -33,9 +33,7 @@ export default {
   methods: {
     async getServersList() {
       this.publicServers = null;
-      const { ok, result, error } = await exploreService.getServersList(
-        this.params
-      );
+      const { ok, result } = await exploreService.getServersList(this.params);
       if (ok) {
         this.publicServers = result.data;
       }
diff --git a/src/components/app/Tabs/News.vue b/src/components/app/Tabs/News.vue
index 9200da9..1ef65f3 100644
--- a/src/components/app/Tabs/News.vue
+++ b/src/components/app/Tabs/News.vue
@@ -59,7 +59,6 @@
 </template>
 
 <script>
-import Spinner from "@/components/Spinner.vue";
 import Navigation from "@/components/app/Navigation";
 import changelog from "@/utils/changelog.js";
 export default {
diff --git a/src/components/app/messageEmbedTemplate.vue b/src/components/app/messageEmbedTemplate.vue
index 9d95607..86d5739 100644
--- a/src/components/app/messageEmbedTemplate.vue
+++ b/src/components/app/messageEmbedTemplate.vue
@@ -48,7 +48,6 @@ export default {
       if (this.embed.type !== "article" && this.embed.type !== "video.other")
         return undefined;
 
-      const embed = this.$refs["embed"];
       const messageLog = document.querySelector(".message-logs");
       const w = messageLog.offsetWidth;
       const h = messageLog.offsetHeight;
@@ -76,7 +75,7 @@ export default {
       imageTag.style.height =
         this.clamp(newDimentions.height, 0, srcHeight) + "px";
     },
-    onResize(dimensions) {
+    onResize() {
       this.articleSize();
     }
   },
diff --git a/src/components/app/relationships/RecentFriends.vue b/src/components/app/relationships/RecentFriends.vue
index da11cfd..fad7577 100644
--- a/src/components/app/relationships/RecentFriends.vue
+++ b/src/components/app/relationships/RecentFriends.vue
@@ -15,7 +15,6 @@
 </template>
 
 <script>
-import Tab from "./Tab.vue";
 import FriendsTemplate from "./FriendsTemplate.vue";
 export default {
   components: {
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index c3167f8..347cac6 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <vue-headful title="Nertivia" description="Nertivia Chat Client" />
-    <div ref="backgroundImage" class="background-image" />
+    <div ref="backgroundImage" class="background" />
     <div class="content">
       <transition name="fall-down" appear>
         <div class="header">
@@ -239,13 +239,13 @@ body {
   background: #072834;
 }
 .logo {
-  background-image: url("../assets/logo.png");
+  background: url("../assets/logo.png");
   background-size: 100%;
   height: 50px;
   width: 50px;
   margin-top: auto;
   margin-bottom: auto;
-  margin-left: 10px;
+  margin-left: 20px;
   background-repeat: no-repeat;
 }
 .name {
@@ -256,7 +256,7 @@ body {
   color: white;
 }
 
-.background-image {
+.background {
   z-index: -1;
   position: fixed;
   width: 100%;
@@ -291,7 +291,8 @@ body {
   margin-bottom: 0;
   user-select: none;
   flex-shrink: 0;
-  border: solid 5px #0f272a;
+  border: solid 2px #0f272a;
+  border-radius: 4px;
 }
 .title {
   font-size: 25px;
@@ -314,6 +315,7 @@ body {
   transition: 0.3s;
   margin: 10px;
   cursor: pointer;
+  border-radius: 4px;
 }
 
 .button:hover {
@@ -348,6 +350,7 @@ body {
   height: 200px;
   width: 200px;
   flex-shrink: 0;
+  border-radius: 4px;
   transition: 0.3s;
 }
 .feature .description {
@@ -370,6 +373,7 @@ body {
   margin-left: 5px;
   transition: 0.3s;
   cursor: pointer;
+  border-radius: 4px;
 }
 .link:hover {
   background: rgba(255, 255, 255, 0.26);
diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue
index bf2145f..beb2531 100644
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -246,6 +246,7 @@ body {
   z-index: 9999;
   padding-bottom: 20px;
   background: #043b4a;
+  border-radius: 4px;
 }
 .box .title {
   text-align: center;
@@ -310,6 +311,7 @@ input {
   outline: none;
   transition: 0.2s;
   cursor: pointer;
+  border-radius: 4px;
 }
 .button:hover {
   background: rgb(25, 151, 255);
diff --git a/src/views/RegisterPage.vue b/src/views/RegisterPage.vue
index 5b17372..eb00ac7 100644
--- a/src/views/RegisterPage.vue
+++ b/src/views/RegisterPage.vue
@@ -254,6 +254,7 @@ body {
   z-index: 9999;
   padding-bottom: 20px;
   background: #043b4a;
+  border-radius: 4px;
 }
 .box .title {
   text-align: center;
@@ -318,6 +319,7 @@ input {
   font-size: 17px;
   outline: none;
   transition: 0.2s;
+  border-radius: 4px;
   cursor: pointer;
 }
 .button:hover {