watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 22:27:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

make website/team add consistent

Browse source
This commit is contained in:
Francis Cao 2024-02-06 20:53:13 -08:00
parent 194472b104
commit 86d482f18a
4 changed files with 25 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/app/(main)/settings/teams/TeamAddForm.tsx
View file

@ -1,14 +1,13 @@
import {
Form,
FormRow,
FormInput,
FormButtons,
TextField,
Button,
SubmitButton,
} from 'react-basics';
import { touch } from 'store/modified';
import { useApi, useMessages } from 'components/hooks';
import {
Button,
Form,
FormButtons,
FormInput,
FormRow,
SubmitButton,
TextField,
} from 'react-basics';
export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose: () => void }) {
const { formatMessage, labels } = useMessages();
@ -20,7 +19,6 @@ export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose:
const handleSubmit = async (data: any) => {
mutate(data, {
onSuccess: async () => {
touch('teams');
onSave?.();
onClose?.();
},

15
src/app/(main)/settings/teams/TeamsAddButton.tsx
View file

@ -1,10 +1,19 @@
import { Button, Icon, Modal, ModalTrigger, Text } from 'react-basics';
import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
import Icons from 'components/icons';
import { useMessages } from 'components/hooks';
import TeamAddForm from './TeamAddForm';
import { messages } from 'components/messages';
import { touch } from 'store/modified';
export function TeamsAddButton({ onAdd }: { onAdd?: () => void }) {
export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
const { formatMessage, labels } = useMessages();
const { showToast } = useToasts();
const handleSave = async () => {
showToast({ message: formatMessage(messages.saved), variant: 'success' });
touch('teams');
onSave?.();
};
return (
<ModalTrigger>
@ -15,7 +24,7 @@ export function TeamsAddButton({ onAdd }: { onAdd?: () => void }) {
<Text>{formatMessage(labels.createTeam)}</Text>
</Button>
<Modal title={formatMessage(labels.createTeam)}>
{(close: () => void) => <TeamAddForm onSave={onAdd} onClose={close} />}
{(close: () => void) => <TeamAddForm onSave={handleSave} onClose={close} />}
</Modal>
</ModalTrigger>
);