- Branch Name:
ux/studio-dynamic-greeting
- PR Title:
[Feature] [Studio]: make overview dashboard greeting time-of-day dynamic
Affected Apps / Packages
Is your feature request related to a problem?
Yes. The dashboard overview header (OverviewHomeHeader.tsx) always greets the user with "Good morning, [Name]" regardless of the actual local time of day. This is a minor polish issue that hurts the premium feel of the app.
Describe the solution you'd like
The greeting should dynamically match the user's local time of day (e.g., "Good morning" from 5am to 12pm, "Good afternoon" from 12pm to 5pm, and "Good evening" from 5pm to 5am).
Describe alternatives you've considered
- A static greeting like "Welcome back, [Name]", which is less personalized.
Additional Context
Add a helper function/hook in OverviewHomeHeader.tsx to calculate the greeting based on the current hour:
const greeting = useMemo(() => {
const hour = new Date().getHours();
if (hour >= 5 && hour < 12) return "Good morning";
if (hour >= 12 && hour < 17) return "Good afternoon";
return "Good evening";
}, []);
Replace the hardcoded "Good morning" text with the dynamic greeting.
ux/studio-dynamic-greeting[Feature] [Studio]: make overview dashboard greeting time-of-day dynamicAffected Apps / Packages
Is your feature request related to a problem?
Yes. The dashboard overview header (
OverviewHomeHeader.tsx) always greets the user with "Good morning, [Name]" regardless of the actual local time of day. This is a minor polish issue that hurts the premium feel of the app.Describe the solution you'd like
The greeting should dynamically match the user's local time of day (e.g., "Good morning" from 5am to 12pm, "Good afternoon" from 12pm to 5pm, and "Good evening" from 5pm to 5am).
Describe alternatives you've considered
Additional Context
Add a helper function/hook in
OverviewHomeHeader.tsxto calculate the greeting based on the current hour:Replace the hardcoded "Good morning" text with the dynamic greeting.