Add symbol to home header

Adds a symbol to the left side of the welcome message and app description in the home header.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 09:28:19 +00:00
parent dadc4fc585
commit 0f371ac87f

View File

@@ -1,23 +1,41 @@
import React from 'react';
import { Bell } from 'lucide-react';
import { useAuth } from '@/contexts/auth';
const Header: React.FC = () => {
const {
user
} = useAuth();
const userName = user?.user_metadata?.username || '익명';
return <header className="py-8">
<div className="flex justify-between items-center">
<div>
<div className="flex items-center mb-1">
<img
src="/zellyy.png"
alt="Zellyy"
className="w-6 h-6 mr-2"
/>
<h1 className="text-2xl font-bold neuro-text">
{user ? `${userName}님, 반갑습니다` : '반갑습니다'}
</h1>
</div>
<div className="flex items-center">
<img
src="/zellyy.png"
alt="Zellyy"
className="w-4 h-4 mr-2"
/>
<p className="text-gray-500 text-left"> </p>
</div>
</div>
<button className="neuro-flat p-2.5 rounded-full">
<Bell size={20} className="text-gray-600" />
</button>
</div>
</header>;
};
export default Header;