fix: passed username as props

ZencypherSolutions · Dec 14, 2024 · c3705a8 · c3705a8
1 parent 6d444a6
commit c3705a8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/social-sphere-sidebar.tsx b/src/components/social-sphere-sidebar.tsx
@@ -1,10 +1,10 @@
-"use client"
+"use client";
 
-import { Globe2, LayoutDashboard, Sparkles, User2 } from 'lucide-react'
-import Link from "next/link"
+import { Globe2, LayoutDashboard, Sparkles, User2 } from "lucide-react";
+import Link from "next/link";
 
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
-import { Button } from "@/components/ui/button"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
 import {
   Sidebar,
   SidebarContent,
@@ -14,8 +14,8 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarRail,
-} from "@/components/ui/sidebar"
-import Profile from './ui/profile'
+} from "@/components/ui/sidebar";
+import Profile from "./ui/profile";
 
 export function SocialSphereSidebar() {
   return (
@@ -63,8 +63,8 @@ export function SocialSphereSidebar() {
           </SidebarMenuItem>
         </SidebarMenu>
       </SidebarContent>
-      <Profile/>
+      <Profile name={"John Doe"} />
       <SidebarRail />
     </Sidebar>
-  )
+  );
 }
diff --git a/src/components/ui/profile.tsx b/src/components/ui/profile.tsx
@@ -4,7 +4,7 @@ import { Button } from "@/components/ui/button";
 import { SidebarFooter } from "@/components/ui/sidebar";
 import { Gem, GemIcon } from "lucide-react";
 
-const Profile = () => {
+const Profile = ({ name }: { name: string }) => {
   return (
     <>
       <SidebarFooter className="mt-auto border-t p-4">
@@ -25,7 +25,7 @@ const Profile = () => {
               </div>
             </AvatarFallback>
           </Avatar>
-          <span>John Doe</span>
+          <span>{name}</span>
         </Button>
       </SidebarFooter>
     </>