fix menu

src/components/CatalogPage.vue

@@ -41,14 +41,14 @@ getScenarios()
 
                     <p class="scenario-label">
                         <n-tag :bordered="false" type="success" class="status-block">Автор: {{ scenario.author?.username
-                            }}</n-tag>
+                        }}</n-tag>
                     </p>
                 </div>
             </div>
         </div>
     </div>
 
-    <HeaderMenu :add-logout="true" active="catalog" />
+    <HeaderMenu active="catalog" />
 </template>
 
 <style scoped>

src/components/GamesPage.vue

@@ -5,7 +5,7 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
 <template>
   <div class="center-block-custom content-block">Игры</div>
 
-  <HeaderMenu :add-logout="true" active="games" />
+  <HeaderMenu active="games" />
 </template>
 
 <style scoped></style>

src/components/HeaderMenu.vue

@@ -1,13 +1,5 @@
 <script setup lang="ts">
 const props = defineProps({
-  addLogin: {
-    type: Boolean,
-    required: false,
-  },
-  addLogout: {
-    type: Boolean,
-    required: false,
-  },
   active: {
     type: String,
     required: false,
@@ -62,6 +54,9 @@ const openMenu = ref(false)
       </Icon>
     </div>
     <div class="left-group menu-buttons-block" :class="!openMenu ? 'menu-buttons-block-active' : ''">
+      <div class="menu-item-block" :class="{ active: props.active == 'main' }" @click="router.push('/')">
+        Главная
+      </div>
       <div class="menu-item-block" :class="{ active: props.active == 'office' }" v-if="authStore.hasRole('user')"
         @click="router.push('/office')">
         Кабинет
@@ -70,8 +65,7 @@ const openMenu = ref(false)
         @click="router.push('/games')">
         Игры
       </div>
-      <div class="menu-item-block" :class="{ active: props.active == 'catalog' }" v-if="hasPermission('catalog_page')"
-        @click="router.push('/catalog')">
+      <div class="menu-item-block" :class="{ active: props.active == 'catalog' }" @click="router.push('/catalog')">
         Каталог
       </div>
       <div class="menu-item-block" :class="{ active: props.active == 'scenarios' }"
@@ -85,10 +79,10 @@ const openMenu = ref(false)
     </div>
 
     <div class="right-group">
-      <div v-if="props.addLogin" class="menu-item-block right" @click="goToLogin">
+      <div v-if="!authStore.isAuthenticated" class="menu-item-block right" @click="goToLogin">
         Войти
       </div>
-      <div v-if="props.addLogout" class="menu-item-block right" @click="goToLogout">Выйти</div>
+      <div v-if="authStore.isAuthenticated" class="menu-item-block right" @click="goToLogout">Выйти</div>
     </div>
   </div>
 </template>

src/components/OfficePage.vue

@@ -29,7 +29,7 @@ getPermissions()
     {{ permissions }} -->
   </div>
 
-  <HeaderMenu :add-logout="true" active="office" />
+  <HeaderMenu active="office" />
 </template>
 
 <style scoped></style>

src/components/ScenarioPage.vue

@@ -47,12 +47,12 @@ getScenario(Number(scenarioId))
             </div>
             <div class="scenario-author">
                 <n-tag :bordered="false" type="success" class="status-block">Автор: {{ scenario.author?.username
-                }}</n-tag>
+                    }}</n-tag>
             </div>
         </div>
     </div>
 
-    <HeaderMenu :add-logout="true" active="catalog" />
+    <HeaderMenu active="catalog" />
 </template>
 
 <style scoped>

src/components/ScenariosEditorPage.vue

@@ -348,7 +348,7 @@ async function deletePlace(place: Place) {
     </n-card>
   </n-modal>
 
-  <HeaderMenu :add-logout="true" active="scenarios" />
+  <HeaderMenu active="scenarios" />
 </template>
 
 <style scoped>

src/components/ScenariosPage.vue

@@ -84,7 +84,7 @@ getScenarios()
     </n-card>
   </n-modal>
 
-  <HeaderMenu :add-logout="true" active="scenarios" />
+  <HeaderMenu active="scenarios" />
 </template>
 
 <style scoped>

src/components/UsersPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NButton, NFlex,NSpace, NTag, useMessage } from 'naive-ui'
+import { NButton, NFlex, NSpace, NTag, useMessage } from 'naive-ui'
 import { ref } from 'vue'
 
 import { getAuthClient } from '@/api/auth_client'
@@ -76,7 +76,7 @@ async function deleteRole(userId: number, role: string) {
 
   </div>
 
-  <HeaderMenu :add-logout="true" active="users" />
+  <HeaderMenu active="users" />
 </template>
 
 <style scoped>

src/views/HomeView.vue

@@ -15,7 +15,7 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
     </div>
   </div>
 
-  <HeaderMenu :add-login="true" />
+  <HeaderMenu active="main" />
 </template>
 
 <style lang="css">

src/views/LoginView.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
 import LoginPage from '@/components/LoginPage.vue'
+import HeaderMenu from '@/components/HeaderMenu.vue'
 </script>
 
 <template>
   <LoginPage />
+
+
+  <HeaderMenu />
 </template>
 
 <style lang="css"></style>