From f36deffa3903f9069ef819b982f530e7b29f88b1 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Fri, 17 Apr 2026 01:40:21 -0700
Subject: remove avatar icon

---
 src/app/game/page.tsx         |  2 +-
 src/app/page.styles.ts        | 13 +------------
 src/app/page.tsx              |  7 ++-----
 src/app/typing/page.styles.ts |  8 +-------
 src/app/typing/page.tsx       |  8 +++-----
 5 files changed, 8 insertions(+), 30 deletions(-)

diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx
index 10b3d5d..2082569 100644
--- a/src/app/game/page.tsx
+++ b/src/app/game/page.tsx
@@ -658,7 +658,7 @@ function GameInner() {
               </StatsGrid>
               <ActionRow>
                 <PlayAgainBtn onClick={handleRestart}>Play Again</PlayAgainBtn>
-                <HomeBtn onClick={() => router.push("/")}>Home</HomeBtn>
+                <HomeBtn onClick={() => router.push("/typing")}>Home</HomeBtn>
               </ActionRow>
             </ResultsCard>
           </ResultsOverlay>
diff --git a/src/app/page.styles.ts b/src/app/page.styles.ts
index dd43880..0b200d9 100644
--- a/src/app/page.styles.ts
+++ b/src/app/page.styles.ts
@@ -66,18 +66,7 @@ export const NavRight = styled.div`
   gap: 6px;
 `;
 
-export const Avatar = styled.div`
-  font-size: 28px;
-  color: #909090;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 4px;
-  border-radius: 50%;
-  &:hover {
-    color: #606060;
-  }
-`;
+
 
 export const ChipsBar = styled.div`
   display: flex;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1471a31..16bed43 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { useState, useEffect } from "react";
-import { FaPlay, FaMusic, FaSearch, FaUserCircle, FaKeyboard } from "react-icons/fa";
+import { FaPlay, FaMusic, FaSearch, FaKeyboard } from "react-icons/fa";
 import { MdLibraryMusic } from "react-icons/md";
 import { Root, Navbar, Logo, LogoIcon, NavLink, NavCtaLink } from "./styles/shared";
 import {
@@ -10,7 +10,6 @@ import {
   SearchInput,
   SearchButton,
   NavRight,
-  Avatar,
   ChipsBar,
   Chip,
   GridContainer,
@@ -112,9 +111,7 @@ export default function HomePage() {
         <NavRight>
           <NavCtaLink href="/typing">LRC-Type</NavCtaLink>
           <NavCtaLink href="/create">Create</NavCtaLink>
-          <Avatar>
-            <FaUserCircle />
-          </Avatar>
+
         </NavRight>
       </Navbar>
 
diff --git a/src/app/typing/page.styles.ts b/src/app/typing/page.styles.ts
index 521fe7a..34f4ebc 100644
--- a/src/app/typing/page.styles.ts
+++ b/src/app/typing/page.styles.ts
@@ -14,7 +14,6 @@ import {
   SearchInput as BaseSearchInput,
   SearchButton as BaseSearchButton,
   NavRight,
-  Avatar as BaseAvatar,
   ChipsBar as BaseChipsBar,
   Chip as BaseChip,
   GridContainer,
@@ -106,12 +105,7 @@ export const SearchButton = styled(BaseSearchButton)`
   }
 `;
 
-export const Avatar = styled(BaseAvatar)`
-  color: #9aa0ad;
-  &:hover {
-    color: #fff;
-  }
-`;
+
 
 export const ChipsBar = styled(BaseChipsBar)`
   background-color: #0f111a;
diff --git a/src/app/typing/page.tsx b/src/app/typing/page.tsx
index 9e238e6..e8c77b1 100644
--- a/src/app/typing/page.tsx
+++ b/src/app/typing/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useState } from "react";
-import { FaPlay, FaMusic, FaSearch, FaUserCircle } from "react-icons/fa";
+import { FaPlay, FaMusic, FaSearch } from "react-icons/fa";
 import { MdLibraryMusic } from "react-icons/md";
 import {
   Root,
@@ -14,7 +14,7 @@ import {
   SearchInput,
   SearchButton,
   NavRight,
-  Avatar,
+
   ChipsBar,
   Chip,
   GridContainer,
@@ -114,9 +114,7 @@ export default function TypingPage() {
         <NavRight>
           <NavCtaLink href="/">LRC-Karaoke</NavCtaLink>
           <NavCtaLink href="/create">Create</NavCtaLink>
-          <Avatar>
-            <FaUserCircle />
-          </Avatar>
+
         </NavRight>
       </Navbar>
 
-- 
cgit v1.2.3