Тестовый коммит после удаления husky

frontend/src/components/WalletConnection.vue

@@ -1,51 +1,98 @@
 <template>
-  <button @click.stop.prevent="connect" class="auth-btn wallet-btn">
-    <span class="auth-icon">💼</span> Подключить кошелек
-  </button>
+  <div class="wallet-connection">
+    <div v-if="error" class="error-message">
+      {{ error }}
+    </div>
+
+    <button @click="connect" class="connect-button" :disabled="loading">
+      <div v-if="loading" class="spinner"></div>
+      {{ loading ? 'Подключение...' : 'Подключить кошелек' }}
+    </button>
+  </div>
 </template>
 
 <script setup>
-import { connectWallet } from '../services/wallet';
 import { ref } from 'vue';
+import { connectWallet } from '../utils/wallet';
+import { useAuthStore } from '../stores/auth';
+import { useRouter } from 'vue-router';
 
+const authStore = useAuthStore();
+const router = useRouter();
+const loading = ref(false);
 const error = ref('');
 
-function connect() {
+async function connect() {
   console.log('Нажата кнопка "Подключить кошелек"');
-  connectWallet((errorMessage) => {
-    error.value = errorMessage;
-    console.error('Ошибка при подключении кошелька:', errorMessage);
-  });
+
+  if (loading.value) return;
+
+  loading.value = true;
+  error.value = '';
+
+  try {
+    const authResult = await connectWallet();
+    console.log('Результат подключения:', authResult);
+    
+    if (authResult && authResult.authenticated) {
+      authStore.updateAuthState(authResult);
+      router.push({ name: 'home' });
+    } else {
+      error.value = 'Не удалось подключить кошелек';
+    }
+  } catch (error) {
+    console.error('Ошибка при подключении кошелька:', error);
+    error.value = error.message || 'Ошибка при подключении кошелька';
+  } finally {
+    loading.value = false;
+  }
 }
 </script>
 
 <style scoped>
-/* Стили для кнопки подключения кошелька */
-.auth-btn {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 1rem;
-  border: none;
-  width: 100%;
-  font-weight: 500;
-  transition: opacity 0.2s;
+.wallet-connection {
+  margin: 20px 0;
 }
 
-.auth-btn:hover {
-  opacity: 0.9;
-}
-
-.auth-icon {
-  margin-right: 0.75rem;
-  font-size: 1.2rem;
-}
-
-.wallet-btn {
+.connect-button {
   background-color: #1976d2;
   color: white;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-</style> 
+
+.connect-button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}
+
+.error-message {
+  color: #d32f2f;
+  margin-bottom: 10px;
+  padding: 10px;
+  background-color: #ffebee;
+  border-radius: 4px;
+}
+
+.spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  border-top-color: white;
+  animation: spin 1s linear infinite;
+  margin-right: 8px;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+</style>