31 lines
880 B
TypeScript
31 lines
880 B
TypeScript
import { Button, Icon, Text, Row } from '@umami/react-zen';
|
|
import { PageHeader } from '@/components/common/PageHeader';
|
|
import { useWebsite } from '@/components/hooks/useWebsite';
|
|
import { Lucide } from '@/components/icons';
|
|
import { Favicon } from '@/components/common/Favicon';
|
|
import { ActiveUsers } from '@/components/metrics/ActiveUsers';
|
|
|
|
export function WebsiteHeader() {
|
|
const website = useWebsite();
|
|
|
|
return (
|
|
<PageHeader title={website.name} icon={<Favicon domain={website.domain} />}>
|
|
<Row alignItems="center" gap>
|
|
<ActiveUsers websiteId={website.id} />
|
|
<Button>
|
|
<Icon>
|
|
<Lucide.Share />
|
|
</Icon>
|
|
<Text>Share</Text>
|
|
</Button>
|
|
<Button>
|
|
<Icon>
|
|
<Lucide.Edit />
|
|
</Icon>
|
|
<Text>Edit</Text>
|
|
</Button>
|
|
</Row>
|
|
</PageHeader>
|
|
);
|
|
}
|