mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-28 08:47:50 +02:00
30 lines
864 B
TypeScript
30 lines
864 B
TypeScript
import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
|
|
import Icons from 'components/icons';
|
|
import useMessages from 'components/hooks/useMessages';
|
|
import TeamJoinForm from './TeamJoinForm';
|
|
|
|
export function TeamsJoinButton() {
|
|
const { formatMessage, labels, messages } = useMessages();
|
|
const { showToast } = useToasts();
|
|
|
|
const handleJoin = () => {
|
|
showToast({ message: formatMessage(messages.saved), variant: 'success' });
|
|
};
|
|
|
|
return (
|
|
<ModalTrigger>
|
|
<Button variant="secondary">
|
|
<Icon>
|
|
<Icons.AddUser />
|
|
</Icon>
|
|
<Text>{formatMessage(labels.joinTeam)}</Text>
|
|
</Button>
|
|
<Modal title={formatMessage(labels.joinTeam)}>
|
|
{close => <TeamJoinForm onSave={handleJoin} onClose={close} />}
|
|
</Modal>
|
|
</ModalTrigger>
|
|
);
|
|
}
|
|
|
|
export default TeamsJoinButton;
|