almaze-app/components/chat/WelcomeHeader.tsx

33 lines
1.0 KiB
TypeScript
Raw Normal View History

2025-02-11 21:52:34 +05:30
interface WelcomeHeaderProps {
name: string;
version: string;
}
const getTimeBasedGreeting = (): string => {
const hour = new Date().getHours();
if (hour >= 5 && hour < 12) {
return "GOOD MORNING";
} else if (hour >= 12 && hour < 17) {
return "GOOD AFTERNOON";
} else {
return "GOOD EVENING";
}
};
2025-02-20 23:15:40 +05:30
export const WelcomeHeader = ({ name, version }: WelcomeHeaderProps) => {
2025-02-11 21:52:34 +05:30
const greeting = getTimeBasedGreeting();
return (
<>
<div className="flex flex-col justify-center items-center gap-5">
2025-02-20 23:15:40 +05:30
<button className="shadow-[0_4px_14px_0_rgb(0,118,255,39%)] hover:shadow-[0_6px_20px_rgba(0,118,255,23%)] hover:bg-[#F3BA2F] px-4 py-3 bg-[#F3BA2F] text-white font-light transition duration-200 ease-linear z-100 rounded-full text-sm w-1/2">
2025-02-11 21:52:34 +05:30
{version} {">"}
</button>
<h1 className="text-5xl mt-3 mb-2 font-offbit">
2025-02-20 23:15:40 +05:30
{greeting}, <span className="text-[#F3BA2F]">{name}</span>
2025-02-11 21:52:34 +05:30
</h1>
</div>
</>
);
};