umami/components/metrics/WebsiteHeader.js

22 lines
649 B
JavaScript
Raw Normal View History

2023-02-24 11:41:02 +01:00
import { Row, Column, Text } from 'react-basics';
import Favicon from 'components/common/Favicon';
2020-08-18 09:51:32 +02:00
import ActiveUsers from './ActiveUsers';
import styles from './WebsiteHeader.module.css';
2023-04-21 17:00:42 +02:00
export function WebsiteHeader({ websiteId, name, domain, children }) {
2020-08-18 09:51:32 +02:00
return (
2023-02-02 03:39:54 +01:00
<Row className={styles.header} justifyContent="center">
2023-04-10 05:22:28 +02:00
<Column className={styles.title} variant="two">
2023-02-02 03:39:54 +01:00
<Favicon domain={domain} />
2023-03-31 14:55:28 +02:00
<Text>{name}</Text>
2023-02-02 03:39:54 +01:00
</Column>
2023-04-10 05:22:28 +02:00
<Column className={styles.info} variant="two">
2023-02-02 03:39:54 +01:00
<ActiveUsers websiteId={websiteId} />
{children}
</Column>
</Row>
2020-08-18 09:51:32 +02:00
);
}
2023-04-21 17:00:42 +02:00
export default WebsiteHeader;