aboutsummaryrefslogtreecommitdiff
path: root/apps/web/components/initial-header.tsx
blob: 91edfa572c73093cfd990db30e68f81673a0d70f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import { Logo } from "@ui/assets/Logo"
import { Button } from "@ui/components/button"

export function InitialHeader({
	showUserSupermemory,
	name,
}: {
	showUserSupermemory?: boolean
	name?: string
}) {
	const userName = name ? `${name.split(" ")[0]}'s` : "My"
	return (
		<div className="flex p-6 justify-between items-center">
			<div className="flex items-center z-10!">
				<Logo className="h-7" />
				{showUserSupermemory && (
					<div className="flex flex-col items-start justify-center ml-2">
						<p className="text-[#8B8B8B] text-[11px] leading-tight">
							{userName}
						</p>
						<p className="text-white font-bold text-xl leading-none -mt-1">
							supermemory
						</p>
					</div>
				)}
			</div>
			<Button
				variant="newDefault"
				className="rounded-2xl text-base gap-1 h-11! z-10!"
				size={"lg"}
			>
				Memory API <span className="text-xs mt-[4px]"></span>
			</Button>
		</div>
	)
}