Navbar style and convert Powershell command to support Win7 OS

Author: downthecrop

package.json

@@ -2,7 +2,7 @@
   "name": "Lytical",
   "author": "downthecrop",
   "description": "Lytical is an open source League of Legends statistics and profile analytics tool for all regions including Garena & WeGame",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/LobbyView.vue

@@ -102,7 +102,7 @@ export default {
   watch: {
     $route() {
       // Unregister the listener..
-      console.log('Unregistering Listeners on Pregame');
+      console.log('Unregistering Listeners on Lobby');
       ipcRenderer.removeListener('asynchronous-reply', this.ondata);
       clearInterval(this.polling);
     },
@@ -157,20 +157,23 @@ export default {
 
       // We have diconnected or auth error..
       if (data.reply_type === 'lcu-disonnceted') {
-        console.log('Disconnected..');
         this.showError = true;
         document.title = 'Lytical - Disconnected';
-      } else if (this.showError) {
+        return;
+      }
+
+      if (this.showError) {
         this.showError = false;
         document.title = 'Lytical';
       }
+      this.clearErrorTimeout(this.timeout);
 
       // Valid reply handlers
       switch (data.reply_type) {
         case 'lol-champ-select': {
-          this.clearErrorTimeout(this.timeout);
           document.title = 'Lytical - Champion Select';
           this.lobbyData = data;
+          // We should be setting the gameid on the lobby and checking that instead
           if (!this.lobbyPlayers.length) {
             for (const player of this.lobbyData.myTeam) {
               this.getSummonerById(player.summonerId);
@@ -179,7 +182,6 @@ export default {
           break;
         }
         case 'current-session': {
-          this.clearErrorTimeout(this.timeout);
           if (data.phase === 'InProgress' && (this.gameId !== data.gameData.gameId)) {
             document.title = 'Lytical - Live Game';
             this.lobbyData = data;

src/components/Navbar.vue

@@ -23,7 +23,7 @@
                 </form>
             </div>
             <!-- Settings Menu Button -->
-            <div style="position:absolute;right:12px;top:12px;margin:0 auto;">
+            <div style="position:absolute;right:20px;top:12px;margin:0 auto;">
               <img  @click="reload()"
                 :src='`assets/refresh-svg.svg`'
                 style="height:20px;opacity:.2;padding-right:10px;color:white;">
@@ -135,6 +135,7 @@ input[type="search"]:focus::-webkit-search-cancel-button {
   z-index:100;
   display: flex;
   top:0px;
+  padding-left:5px;
   left:0px;
   height:42px;
   position:fixed;
@@ -156,7 +157,7 @@ input[type="search"]:focus::-webkit-search-cancel-button {
 .item {
   font-weight: lighter;
   padding:10px;
-  padding-left:25px;
+  padding-left:15px;
   font-size: 20px;
   display: flex;
 }

src/res/lcu.js

@@ -12,7 +12,7 @@ exports.getAuthFromProcess = async () => {
   return new Promise((resolve, reject) => {
     exec(
       // eslint-disable-next-line max-len
-      'Get-CimInstance Win32_Process -Filter "name = \'LeagueClientUx.exe\'" | Select-Object -Property CommandLine | ft -HideTableHeaders | out-string -Width 4096',
+      'Get-WmiObject Win32_Process -Filter "name = \'LeagueClientUx.exe\'" | Select-Object -Property CommandLine | ft -HideTableHeaders | out-string -Width 4096',
       { shell: 'powershell.exe' },
       (error, stdout) => {
         try {