mirror of https://github.com/buster-so/buster.git
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
import React, { useMemo } from 'react';
|
||
|
|
import { Title } from '@/components/ui/typography';
|
||
|
|
import { useUserConfigContextSelector } from '@/context/Users';
|
||
|
|
import { NewChatInput } from './NewChatInput';
|
||
|
|
|
||
|
|
export const HomePageController: React.FC<{}> = () => {
|
||
|
|
const user = useUserConfigContextSelector((state) => state.user);
|
||
|
|
const userName = user?.name;
|
||
|
|
|
||
|
|
const isMorning = useMemo(() => {
|
||
|
|
const now = new Date();
|
||
|
|
const hours = now.getHours();
|
||
|
|
return hours < 12;
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const greeting = useMemo(() => {
|
||
|
|
if (isMorning) {
|
||
|
|
return `Good morning, ${userName}`;
|
||
|
|
}
|
||
|
|
return `Good afternoon, ${userName}`;
|
||
|
|
}, [userName]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col items-center justify-center p-4.5">
|
||
|
|
<div className="mt-[150px] flex w-full max-w-[650px] flex-col space-y-6">
|
||
|
|
<div className="flex flex-col justify-center gap-y-2.5 text-center">
|
||
|
|
<Title as="h1" className="mb-0!">
|
||
|
|
{greeting}
|
||
|
|
</Title>
|
||
|
|
<Title as="h2" variant={'secondary'} className="mb-0! text-4xl!">
|
||
|
|
How can I help you today?
|
||
|
|
</Title>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<NewChatInput />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|