umami/components/pages/WebsiteList.js

47 lines
1.3 KiB
JavaScript
Raw Normal View History

2020-09-06 02:27:01 +02:00
import { FormattedMessage } from 'react-intl';
2020-10-02 02:32:49 +02:00
import Link from 'components/common/Link';
import WebsiteChart from 'components/metrics/WebsiteChart';
2020-08-12 07:24:41 +02:00
import Page from 'components/layout/Page';
import EmptyPlaceholder from 'components/common/EmptyPlaceholder';
import Arrow from 'assets/arrow-right.svg';
2020-07-30 08:25:52 +02:00
import styles from './WebsiteList.module.css';
2022-03-04 04:45:49 +01:00
export default function WebsiteList({ websites, showCharts, limit }) {
if (websites.length === 0) {
return (
<Page>
2020-09-06 02:27:01 +02:00
<EmptyPlaceholder
msg={
<FormattedMessage
2020-09-17 07:29:40 +02:00
id="message.no-websites-configured"
2020-09-06 02:27:01 +02:00
defaultMessage="You don't have any websites configured."
/>
}
>
2020-10-02 02:32:49 +02:00
<Link href="/settings" icon={<Arrow />} iconRight>
2020-09-26 07:31:18 +02:00
<FormattedMessage id="message.go-to-settings" defaultMessage="Go to settings" />
2020-10-02 02:32:49 +02:00
</Link>
</EmptyPlaceholder>
</Page>
);
}
return (
2022-03-04 04:45:49 +01:00
<div>
{websites.map(({ website_id, name, domain }, index) =>
index < limit ? (
<div key={website_id} className={styles.website}>
<WebsiteChart
websiteId={website_id}
title={name}
domain={domain}
showChart={showCharts}
showLink
/>
</div>
) : null,
)}
2022-03-04 04:45:49 +01:00
</div>
);
}