This update includes creating new files for the notifications feature along with adding two feature flags for enabling notifications and realtime notifications. All the code and package dependencies required for the notifications functionality have been added. The 'pnpm-lock.yaml' has also been updated due to the inclusion of new package dependencies.
27 lines
667 B
TypeScript
27 lines
667 B
TypeScript
import { PageHeader } from '@kit/ui/page';
|
|
|
|
import { UserNotifications } from '~/(dashboard)/home/(user)/_components/user-notifications';
|
|
|
|
import { UserLayoutMobileNavigation } from './user-layout-mobile-navigation';
|
|
|
|
export function UserAccountHeader(
|
|
props: React.PropsWithChildren<{
|
|
title: string | React.ReactNode;
|
|
description?: string | React.ReactNode;
|
|
}>,
|
|
) {
|
|
return (
|
|
<PageHeader
|
|
title={props.title}
|
|
description={props.description}
|
|
mobileNavigation={<UserLayoutMobileNavigation />}
|
|
>
|
|
<div className={'flex space-x-4'}>
|
|
{props.children}
|
|
|
|
<UserNotifications />
|
|
</div>
|
|
</PageHeader>
|
|
);
|
|
}
|