binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-4546] chore: home update #7456

Browse source
This commit is contained in:
Akshita Goyal 2025-07-23 10:11:18 +05:30 • committed by GitHub
parent 763a28ab60
commit 9007ec3709
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/app/(all)/[workspaceSlug]/(projects)/header.tsx
View file

@ -46,7 +46,7 @@ export const WorkspaceDashboardHeader = observer(() => {
className="my-auto mb-0" className="my-auto mb-0"
> >
<Shapes size={16} /> <Shapes size={16} />
<div className="text-xs font-medium">{t("home.manage_widgets")}</div> <div className="hidden text-xs font-medium sm:hidden md:block">{t("home.manage_widgets")}</div>
</Button> </Button>
<a <a
onClick={() => onClick={() =>

4
apps/web/core/components/home/root.tsx
View file

@ -60,7 +60,9 @@ export const WorkspaceHomeView = observer(() => {
)} )}
<> <>
<HomePeekOverviewsRoot /> <HomePeekOverviewsRoot />
<ContentWrapper className={cn("gap-6 bg-custom-background-100 max-w-[750px] mx-auto scrollbar-hide")}> <ContentWrapper
className={cn("gap-6 bg-custom-background-100 max-w-[800px] mx-auto scrollbar-hide px-page-x lg:px-0")}
>
{currentUser && <UserGreetingsView user={currentUser} />} {currentUser && <UserGreetingsView user={currentUser} />}
<DashboardWidgets /> <DashboardWidgets />
</ContentWrapper> </ContentWrapper>

8
apps/web/core/components/home/user-greetings.tsx
View file

@ -42,15 +42,15 @@ export const UserGreetingsView: FC<IUserGreetingsView> = (props) => {
return ( return (
<div className="flex flex-col items-center my-6"> <div className="flex flex-col items-center my-6">
<h3 className="text-xl font-semibold text-center"> <h2 className="text-xl font-semibold text-center">
{t("good")} {t(greeting)}, {user?.first_name} {user?.last_name} {t("good")} {t(greeting)}, {user?.first_name} {user?.last_name}
</h3> </h2>
<h6 className="flex items-center gap-2 font-medium text-custom-text-400"> <h5 className="flex items-center gap-2 font-medium text-custom-text-400">
<div>{greeting === "morning" ? "🌤️" : greeting === "afternoon" ? "🌥️" : "🌙️"}</div> <div>{greeting === "morning" ? "🌤️" : greeting === "afternoon" ? "🌥️" : "🌙️"}</div>
<div> <div>
{weekDay}, {date} {timeString} {weekDay}, {date} {timeString}
</div> </div>
</h6> </h5>
</div> </div>
); );
}; };

16
apps/web/core/components/user/user-greetings.tsx
View file

@ -1,4 +1,6 @@
import { FC } from "react"; import { FC } from "react";
// plane types
import { useTranslation } from "@plane/i18n";
// hooks // hooks
import { IUser } from "@plane/types"; import { IUser } from "@plane/types";
import { useCurrentTime } from "@/hooks/use-current-time"; import { useCurrentTime } from "@/hooks/use-current-time";
@ -12,6 +14,8 @@ export const UserGreetingsView: FC<IUserGreetingsView> = (props) => {
const { user } = props; const { user } = props;
// current time hook // current time hook
const { currentTime } = useCurrentTime(); const { currentTime } = useCurrentTime();
// store hooks
const { t } = useTranslation();
const hour = new Intl.DateTimeFormat("en-US", { const hour = new Intl.DateTimeFormat("en-US", {
hour12: false, hour12: false,
@ -37,16 +41,16 @@ export const UserGreetingsView: FC<IUserGreetingsView> = (props) => {
const greeting = parseInt(hour, 10) < 12 ? "morning" : parseInt(hour, 10) < 18 ? "afternoon" : "evening"; const greeting = parseInt(hour, 10) < 12 ? "morning" : parseInt(hour, 10) < 18 ? "afternoon" : "evening";
return ( return (
<div> <div className="flex flex-col items-center my-6">
<h3 className="text-xl font-semibold"> <h2 className="text-xl font-semibold text-center">
Good {greeting}, {user?.first_name} {user?.last_name} {t("good")} {t(greeting)}, {user?.first_name} {user?.last_name}
</h3> </h2>
<h6 className="flex items-center gap-2 font-medium text-custom-text-400"> <h5 className="flex items-center gap-2 font-medium text-custom-text-400">
<div>{greeting === "morning" ? "🌤️" : greeting === "afternoon" ? "🌥️" : "🌙️"}</div> <div>{greeting === "morning" ? "🌤️" : greeting === "afternoon" ? "🌥️" : "🌙️"}</div>
<div> <div>
{weekDay}, {date} {timeString} {weekDay}, {date} {timeString}
</div> </div>
</h6> </h5>
</div> </div>
); );
}; };