diff --git a/frontend/src/components/LeaderBoardCard/index.tsx b/frontend/src/components/LeaderBoardCard/index.tsx
index 04ae66cd..5cecd7f9 100644
--- a/frontend/src/components/LeaderBoardCard/index.tsx
+++ b/frontend/src/components/LeaderBoardCard/index.tsx
@@ -2,6 +2,7 @@
import { Trophy, UserPlus } from "@phosphor-icons/react";
import { StatusTag } from "../StatusTag";
import ProfilePopOver from "../ProfilePopOver";
+import UserAvatar from "../UserAvatar";
type LeaderBoardCardProps = {
name: string;
@@ -20,20 +21,8 @@ export function LeaderBoardCard({
- {avatar ? (
-
- ) : (
-
- {name[0]}
-
- )}
-
-
{name}
+
+
{name}
diff --git a/frontend/src/components/Sidebar/index.tsx b/frontend/src/components/Sidebar/index.tsx
index 7cc9ba17..46f067c8 100644
--- a/frontend/src/components/Sidebar/index.tsx
+++ b/frontend/src/components/Sidebar/index.tsx
@@ -2,8 +2,13 @@
import { Play, SignOut, Trophy } from "@phosphor-icons/react";
import Image from "next/image";
import Link from "next/link";
+import UserAvatar from "../UserAvatar";
+import { AuthContext } from "@/contexts/AuthContext";
+import { useContext } from "react";
export default function Sidebar() {
+ const { user } = useContext(AuthContext);
+
return (
@@ -38,7 +43,7 @@ export default function Sidebar() {