From 81e1bf251a02675a47b0617ba6855118915277a7 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Wed, 20 Oct 2021 18:14:25 +0200
Subject: [PATCH] fixed closeNav function throwing an error

---
 src/components/Nav.vue | 10 +++++-----
 src/utils/Utils.js     |  7 ++++---
 src/views/Match.vue    |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 40a37c3..7d9f4b4 100644
--- a/src/components/Nav.vue
+++ b/src/components/Nav.vue
@@ -9,12 +9,12 @@
       <div id="mainNav" class="collapse navbar-collapse navbar-nav justify-content-between">
         <ul class="list-unstyled">
           <li class="nav-item">
-            <router-link class="navbar-brand" to="/" @click="closeNav('#mainNav')">
+            <router-link class="navbar-brand" to="/" @click="closeNav('mainNav')">
               CSGO<span class="text-up text-white fw-bold">WTF</span>
             </router-link>
           </li>
           <li class="nav-item">
-            <router-link class="nav-link" to="/explore" @click="closeNav('#mainNav')">
+            <router-link class="nav-link" to="/explore" @click="closeNav('mainNav')">
               Explore
             </router-link>
           </li>
@@ -129,10 +129,10 @@ export default {
             })
 
             if (store.state.vanityUrl) {
-              closeNav('#mainNav')
+              closeNav('mainNav')
               GoToPlayer(store.state.vanityUrl)
             } else if (store.state.id64) {
-              closeNav('#mainNav')
+              closeNav('mainNav')
               GoToPlayer(store.state.id64)
             }
 
@@ -160,7 +160,7 @@ export default {
         if (e.target.attributes.id.name === 'searchform' || e.target.attributes.id.name === 'search' || e.target.attributes.id.name === 'search-button')
           console.log('test')
       } else
-        closeNav('#mainNav')
+        closeNav('mainNav')
     })
 
     return {
diff --git a/src/utils/Utils.js b/src/utils/Utils.js
index 238b9ad..bd78491 100644
--- a/src/utils/Utils.js
+++ b/src/utils/Utils.js
@@ -3,9 +3,10 @@ export const setTitle = (title) => {
 }
 
 export const closeNav = (navSelector) => {
-  const nav = document.querySelector(navSelector)
-  if (nav.classList.contains('show'))
-    nav.classList.remove('show')
+  const nav = document.getElementById(navSelector)
+  if (nav)
+    if (nav.classList.contains('show'))
+      nav.classList.remove('show')
 }
 
 export const GetWinLoss = (matchResult, teamId) => {
diff --git a/src/views/Match.vue b/src/views/Match.vue
index 83fd241..437c77b 100644
--- a/src/views/Match.vue
+++ b/src/views/Match.vue
@@ -181,7 +181,7 @@ export default {
     })
 
     document.addEventListener('click', () => {
-      closeNav('#matchNav')
+      closeNav('matchNav')
     })
 
     return {