From 13204f1baf2569de6bd91b30b494f0f7c02cd896 Mon Sep 17 00:00:00 2001
From: valitovgaziz <valitovgaziz@yandex.ru>
Date: Fri, 24 Oct 2025 11:44:05 +0500
Subject: [PATCH] 	modified:   main_dc/BB/bbvue/src/App.vue 
 modified:   main_dc/BB/bbvue/src/main.js 	modified:  
 main_dc/BB/bbvue/src/views/Profile.vue add links from profile icons to login
 and logout on header

---
 main_dc/BB/bbvue/src/App.vue           | 18 +++++++++++++++---
 main_dc/BB/bbvue/src/main.js           |  3 +++
 main_dc/BB/bbvue/src/views/Profile.vue |  9 +++------
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/main_dc/BB/bbvue/src/App.vue b/main_dc/BB/bbvue/src/App.vue
index 5cc2fc8..109c93e 100644
--- a/main_dc/BB/bbvue/src/App.vue
+++ b/main_dc/BB/bbvue/src/App.vue
@@ -21,12 +21,16 @@
         <div class="menu-box">
           <!-- Отображение зависит от авторизации -->
           <div class="menu-box-item" v-if="isAuthenticated">
-            <Icon icon="material-symbols:account-circle" class="profile-icon authed" />
+            <RouterLink to="/logout" class="r-link logout">
+              <Icon icon="material-symbols:account-circle" class="profile-icon authed" />
+            </RouterLink>
           </div>
           <div class="menu-box-item" v-else>
-            <Icon icon="material-symbols:no-accounts" class="profile-icon nonAuthed" />
+            <RouterLink to="/login" class="r-link login">
+              <Icon icon="material-symbols:no-accounts" class="profile-icon nonAuthed" />
+            </RouterLink>
           </div>
-          
+
           <div class="menu-box-item h-menu">
             <NavigationMenu />
           </div>
@@ -109,6 +113,14 @@ export default {
   align-items: center;
 }
 
+.r-link {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+
 .profile-icon {
   color: rgb(30, 255, 0);
 }
diff --git a/main_dc/BB/bbvue/src/main.js b/main_dc/BB/bbvue/src/main.js
index 355cb3e..fb9c034 100644
--- a/main_dc/BB/bbvue/src/main.js
+++ b/main_dc/BB/bbvue/src/main.js
@@ -6,11 +6,14 @@ import pinia from './stores'
 import App from './App.vue'
 import router from './router'
 import WriteLogo from './components/writeLogo.vue'
+import { Icon } from '@iconify/vue'
 
 const app = createApp(App)
 
 // Регистрируем компоненты глобально
 app.component('WriteLogo', WriteLogo)
+// eslint-disable-next-line vue/multi-word-component-names
+app.component('Icon', Icon)
 
 app.use(pinia)
 app.use(router)
diff --git a/main_dc/BB/bbvue/src/views/Profile.vue b/main_dc/BB/bbvue/src/views/Profile.vue
index 9857db2..002fd07 100644
--- a/main_dc/BB/bbvue/src/views/Profile.vue
+++ b/main_dc/BB/bbvue/src/views/Profile.vue
@@ -4,10 +4,7 @@
     <div v-if="authLoading" class="loading">Загрузка профиля...</div>
 
     <div v-else-if="user" class="profile-content">
-      <div class="page-header-name">
-        <h2 class="h2-begushiy-bashkir">👤 Бегущий башкир: </h2>
-        <h1 class="h1-names">{{ user.firstName }} {{ user.lastName }}</h1>
-      </div>
+      <h1 class="h1-names">{{ user.firstName }} {{ user.lastName }}</h1>
 
       <div class="profile-header">
         <!-- Секция аватара -->
@@ -461,7 +458,6 @@ export default {
 
 
 <style scoped>
-
 .page-header-name {
   display: flex;
   flex-direction: row;
@@ -477,8 +473,9 @@ export default {
 }
 
 .h1-names {
-  font-family: var(--header2);
+  font-family: var(--header1);
   font-weight: 700;
+  text-shadow: 2px 2px 4px #b09494be;
 }
 
 .personal-bests-section,