mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-28 00:37:51 +02:00
31 lines
912 B
JavaScript
31 lines
912 B
JavaScript
import { Dropdown, Item } from 'react-basics';
|
|
import useApi from 'components/hooks/useApi';
|
|
import useMessages from 'components/hooks/useMessages';
|
|
import styles from './WebsiteSelect.module.css';
|
|
|
|
export function WebsiteSelect({ websiteId, onSelect }) {
|
|
const { formatMessage, labels } = useMessages();
|
|
const { get, useQuery } = useApi();
|
|
const { data } = useQuery(['websites:me'], () => get('/me/websites', { pageSize: 100 }));
|
|
|
|
const renderValue = value => {
|
|
return data?.data?.find(({ id }) => id === value)?.name;
|
|
};
|
|
|
|
return (
|
|
<Dropdown
|
|
menuProps={{ className: styles.dropdown }}
|
|
items={data?.data}
|
|
value={websiteId}
|
|
renderValue={renderValue}
|
|
onChange={onSelect}
|
|
alignment="end"
|
|
placeholder={formatMessage(labels.selectWebsite)}
|
|
>
|
|
{({ id, name }) => <Item key={id}>{name}</Item>}
|
|
</Dropdown>
|
|
);
|
|
}
|
|
|
|
export default WebsiteSelect;
|