From 675a0fea0c75b7ea3033a4c0f5b0ff93fb7c0d9e Mon Sep 17 00:00:00 2001
From: Oronemu <Oronemu@mail.ru>
Date: Wed, 17 Dec 2025 20:29:22 +0700
Subject: [PATCH] PIZDEC

---
 frontend/src/components/ActivityFeed.tsx | 14 ++++++++-----
 frontend/src/pages/LeaderboardPage.tsx   | 25 +++++++++++++-----------
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/ActivityFeed.tsx b/frontend/src/components/ActivityFeed.tsx
index a89f843..5092522 100644
--- a/frontend/src/components/ActivityFeed.tsx
+++ b/frontend/src/components/ActivityFeed.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useRef, useImperativeHandle, forwardRef } from 'react'
-import { useNavigate } from 'react-router-dom'
+import { useNavigate, Link } from 'react-router-dom'
 import { feedApi } from '@/api'
 import type { Activity, ActivityType } from '@/types'
 import { Loader2, ChevronDown, Activity as ActivityIcon, ExternalLink, AlertTriangle, Sparkles, Zap } from 'lucide-react'
@@ -266,7 +266,7 @@ function ActivityItem({ activity, isNew }: ActivityItemProps) {
     `}>
       <div className="flex items-start gap-3">
         {/* Avatar */}
-        <div className="flex-shrink-0 relative">
+        <Link to={`/users/${activity.user.id}`} className="flex-shrink-0 relative" onClick={(e) => e.stopPropagation()}>
           <UserAvatar
             userId={activity.user.id}
             hasAvatar={!!activity.user.avatar_url}
@@ -284,14 +284,18 @@ function ActivityItem({ activity, isNew }: ActivityItemProps) {
           `}>
             <Icon className="w-2.5 h-2.5 text-white" />
           </div>
-        </div>
+        </Link>
 
         {/* Content */}
         <div className="flex-1 min-w-0">
           <div className="flex items-center gap-2 flex-wrap">
-            <span className="text-sm font-semibold text-white group-hover:text-neon-400 transition-colors">
+            <Link
+              to={`/users/${activity.user.id}`}
+              className="text-sm font-semibold text-white hover:text-neon-400 transition-colors"
+              onClick={(e) => e.stopPropagation()}
+            >
               {activity.user.nickname}
-            </span>
+            </Link>
             <span className="text-xs text-gray-600">
               {formatRelativeTime(activity.created_at)}
             </span>
diff --git a/frontend/src/pages/LeaderboardPage.tsx b/frontend/src/pages/LeaderboardPage.tsx
index 6cc25f8..42673f8 100644
--- a/frontend/src/pages/LeaderboardPage.tsx
+++ b/frontend/src/pages/LeaderboardPage.tsx
@@ -124,11 +124,11 @@ export function LeaderboardPage() {
                   `}>
                     <span className="text-3xl font-bold text-gray-300">2</span>
                   </div>
-                  <div className="glass rounded-xl p-4 text-center w-28">
+                  <Link to={`/users/${topThree[1].user.id}`} className="glass rounded-xl p-4 text-center w-28 hover:border-neon-500/30 transition-colors border border-transparent">
                     <Medal className="w-6 h-6 text-gray-300 mx-auto mb-2" />
-                    <p className="text-sm font-medium text-white truncate">{topThree[1].user.nickname}</p>
+                    <p className="text-sm font-medium text-white truncate hover:text-neon-400 transition-colors">{topThree[1].user.nickname}</p>
                     <p className="text-xs text-gray-400">{topThree[1].total_points} очков</p>
-                  </div>
+                  </Link>
                 </div>
 
                 {/* 1st place */}
@@ -140,11 +140,11 @@ export function LeaderboardPage() {
                   `}>
                     <Crown className="w-10 h-10 text-yellow-400" />
                   </div>
-                  <div className="glass-neon rounded-xl p-4 text-center w-32">
+                  <Link to={`/users/${topThree[0].user.id}`} className="glass-neon rounded-xl p-4 text-center w-32 hover:shadow-[0_0_20px_rgba(34,211,238,0.3)] transition-shadow">
                     <Star className="w-6 h-6 text-yellow-400 mx-auto mb-2" />
-                    <p className="font-semibold text-white truncate">{topThree[0].user.nickname}</p>
+                    <p className="font-semibold text-white truncate hover:text-neon-400 transition-colors">{topThree[0].user.nickname}</p>
                     <p className="text-sm text-neon-400 font-bold">{topThree[0].total_points} очков</p>
-                  </div>
+                  </Link>
                 </div>
 
                 {/* 3rd place */}
@@ -156,11 +156,11 @@ export function LeaderboardPage() {
                   `}>
                     <span className="text-3xl font-bold text-amber-600">3</span>
                   </div>
-                  <div className="glass rounded-xl p-4 text-center w-28">
+                  <Link to={`/users/${topThree[2].user.id}`} className="glass rounded-xl p-4 text-center w-28 hover:border-neon-500/30 transition-colors border border-transparent">
                     <Award className="w-6 h-6 text-amber-600 mx-auto mb-2" />
-                    <p className="text-sm font-medium text-white truncate">{topThree[2].user.nickname}</p>
+                    <p className="text-sm font-medium text-white truncate hover:text-neon-400 transition-colors">{topThree[2].user.nickname}</p>
                     <p className="text-xs text-gray-400">{topThree[2].total_points} очков</p>
-                  </div>
+                  </Link>
                 </div>
               </div>
             </div>
@@ -231,9 +231,12 @@ export function LeaderboardPage() {
                     {/* User info */}
                     <div className="relative flex-1 min-w-0">
                       <div className="flex items-center gap-2">
-                        <span className={`font-semibold truncate ${isCurrentUser ? 'text-neon-400' : 'text-white'}`}>
+                        <Link
+                          to={`/users/${entry.user.id}`}
+                          className={`font-semibold truncate hover:text-neon-400 transition-colors ${isCurrentUser ? 'text-neon-400' : 'text-white'}`}
+                        >
                           {entry.user.nickname}
-                        </span>
+                        </Link>
                         {isCurrentUser && (
                           <span className="px-2 py-0.5 text-xs font-medium bg-neon-500/20 text-neon-400 rounded-full border border-neon-500/30">
                             Вы