From 1411900491dcc18d5a8b15cef73191fda1b01365 Mon Sep 17 00:00:00 2001
From: Akash Jaiswal <akashjaiswal3846@gmail.com>
Date: Fri, 28 Feb 2025 01:52:09 +0530
Subject: [PATCH 1/2] fix: clickable org if there is any @ text in user bio

Signed-off-by: Akash Jaiswal <akashjaiswal3846@gmail.com>
---
 frontend/src/pages/UserDetails.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/UserDetails.tsx b/frontend/src/pages/UserDetails.tsx
index 0b289fa28..3a733307e 100644
--- a/frontend/src/pages/UserDetails.tsx
+++ b/frontend/src/pages/UserDetails.tsx
@@ -150,7 +150,26 @@ const UserDetailsPage: React.FC = () => {
               </div>
             </div>
             <div className="px-6 py-6">
-              {user.bio && <p className="text-lg text-gray-700 dark:text-gray-300">{user.bio}</p>}
+              {user.bio && (
+                <p className="text-lg text-gray-700 dark:text-gray-300">
+                  {user.bio.split(' ').map((word, index) => {
+                    if (word.startsWith('@')) {
+                      return (
+                        <Link
+                          key={index}
+                          href={`/~https://github.com/${word.substring(1)}`}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="text-blue-500 hover:underline"
+                        >
+                          {word}
+                        </Link>
+                      )
+                    }
+                    return <span key={index}>{word} </span>
+                  })}
+                </p>
+              )}
               <div className="mt-4 space-y-3">
                 {user.company && (
                   <div className="flex items-center space-x-2 text-gray-600 dark:text-gray-400">
@@ -229,7 +248,6 @@ const UserDetailsPage: React.FC = () => {
                   </div>
                 </div>
               )}
-
               {user.releases && user.releases.length > 0 && (
                 <div className="space-y-4">
                   <h2 className="text-xl font-semibold text-gray-900 dark:text-white">

From c3df6b116aa1d75adfbefebb3b7b0d9e3d385da3 Mon Sep 17 00:00:00 2001
From: Akash Jaiswal <akashjaiswal3846@gmail.com>
Date: Fri, 28 Feb 2025 02:27:17 +0530
Subject: [PATCH 2/2] fix: unit tests

Signed-off-by: Akash Jaiswal <akashjaiswal3846@gmail.com>
---
 frontend/__tests__/unit/data/mockUserDetails.ts    | 2 +-
 frontend/__tests__/unit/pages/UserDetails.test.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/__tests__/unit/data/mockUserDetails.ts b/frontend/__tests__/unit/data/mockUserDetails.ts
index 258952153..ad56c3a9f 100644
--- a/frontend/__tests__/unit/data/mockUserDetails.ts
+++ b/frontend/__tests__/unit/data/mockUserDetails.ts
@@ -4,7 +4,7 @@ export const mockUserDetailsData = {
     name: 'Test User',
     avatarUrl: 'https://example.com/avatar.jpg',
     url: '/~https://github.com/testuser',
-    bio: 'This is a test user',
+    bio: 'Test @User',
     company: 'Test Company',
     location: 'Test Location',
     email: 'testuser@example.com',
diff --git a/frontend/__tests__/unit/pages/UserDetails.test.tsx b/frontend/__tests__/unit/pages/UserDetails.test.tsx
index 21b8ebcb7..264df9c37 100644
--- a/frontend/__tests__/unit/pages/UserDetails.test.tsx
+++ b/frontend/__tests__/unit/pages/UserDetails.test.tsx
@@ -72,7 +72,8 @@ describe('UserDetailsPage', () => {
 
     expect(screen.getByText('Test User')).toBeInTheDocument()
     expect(screen.getByText(`@testuser`)).toBeInTheDocument()
-    expect(screen.getByText('This is a test user')).toBeInTheDocument()
+    expect(screen.getByText('Test')).toBeInTheDocument()
+    expect(screen.getByText('@User')).toBeInTheDocument()
     expect(screen.getByText('Test Company')).toBeInTheDocument()
     expect(screen.getByText('Test Location')).toBeInTheDocument()
   })