mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-29 01:07:55 +02:00
32 lines
798 B
JavaScript
32 lines
798 B
JavaScript
import { Button, Icon, Icons, Text } from 'react-basics';
|
|
import styles from './WebsiteTags.module.css';
|
|
|
|
export function WebsiteTags({ items = [], websites = [], onClick }) {
|
|
if (websites.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className={styles.filters}>
|
|
{websites.map(websiteId => {
|
|
const website = items.find(a => a.id === websiteId);
|
|
|
|
return (
|
|
<div key={websiteId} className={styles.tag}>
|
|
<Button onClick={() => onClick(websiteId)} variant="primary" size="sm">
|
|
<Text>
|
|
<b>{`${website.name}`}</b>
|
|
</Text>
|
|
<Icon>
|
|
<Icons.Close />
|
|
</Icon>
|
|
</Button>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default WebsiteTags;
|