coderplex-tech
diff --git a/‎index.html
Lines changed: 1 addition & 1 deletion b/‎index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/coderplex-dark.ico
15 KB b/‎public/coderplex-dark.ico
15 KB
diff --git a/‎public/coderplex-light.ico
15 KB b/‎public/coderplex-light.ico
15 KB
diff --git a/‎src/components/Community.tsx
Lines changed: 2 additions & 3 deletions b/‎src/components/Community.tsx
Lines changed: 2 additions & 3 deletions
diff --git a/‎src/context/ThemeContext.tsx
Lines changed: 6 additions & 0 deletions b/‎src/context/ThemeContext.tsx
Lines changed: 6 additions & 0 deletions
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/x-icon" href="/coderplex-light.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>coderplexDevCommunity()</title>
   </head>
 
@@ -58,8 +58,9 @@ export function Community({ session }: { session: Session }) {
 
   // Save scroll position before navigation
   const handleProfileClick = (profileId: string, event: React.MouseEvent) => {
-    // Only save scroll position, don't prevent default navigation
+    event.preventDefault();
     scrollPositions[location.pathname] = window.scrollY;
+    navigate(profileId === session.user.id ? '/profile' : `/profile/${profile.user_id}`);
   };
 
   // Restore scroll position
@@ -230,8 +231,6 @@ export function Community({ session }: { session: Session }) {
             key={profile.user_id}
             to={profile.user_id === session.user.id ? '/profile' : `/profile/${profile.user_id}`}
             onClick={(e) => handleProfileClick(profile.user_id, e)}
-            target="_blank"
-            rel="noopener noreferrer"
             className="block bg-white dark:bg-dark-800 rounded-lg p-4 md:p-6 
             shadow-[0_2px_8px_rgba(0,0,0,0.08)] dark:shadow-[0_2px_8px_rgba(0,0,0,0.2)]
             hover:shadow-[0_8px_16px_rgba(0,0,0,0.08)] dark:hover:shadow-[0_8px_16px_rgba(0,0,0,0.3)]
 
@@ -31,6 +31,12 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
     localStorage.setItem('theme', theme);
     document.documentElement.classList.remove('light', 'dark');
     document.documentElement.classList.add(theme);
+
+    // Update favicon based on theme
+    const favicon = document.querySelector('link[rel="icon"]');
+    if (favicon) {
+      favicon.setAttribute('href', theme === 'dark' ? '/coderplex-dark.ico' : '/coderplex-light.ico');
+    }
   }, [theme]);
 
   // Listen for system theme changes