56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
import { Button, Modal, ModalTrigger, ActionForm, useToasts } from 'react-basics';
|
|
import { useRouter } from 'next/navigation';
|
|
import { useMessages } from 'components/hooks';
|
|
import WebsiteDeleteForm from './WebsiteDeleteForm';
|
|
import WebsiteResetForm from './WebsiteResetForm';
|
|
import { touch } from 'store/cache';
|
|
|
|
export function WebsiteData({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
|
|
const { formatMessage, labels, messages } = useMessages();
|
|
const router = useRouter();
|
|
const { showToast } = useToasts();
|
|
|
|
const handleReset = async () => {
|
|
showToast({ message: formatMessage(messages.saved), variant: 'success' });
|
|
onSave?.();
|
|
};
|
|
|
|
const handleDelete = async () => {
|
|
touch('websites');
|
|
router.push('/settings/websites');
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<ActionForm
|
|
label={formatMessage(labels.resetWebsite)}
|
|
description={formatMessage(messages.resetWebsiteWarning)}
|
|
>
|
|
<ModalTrigger>
|
|
<Button variant="secondary">{formatMessage(labels.reset)}</Button>
|
|
<Modal title={formatMessage(labels.resetWebsite)}>
|
|
{(close: () => void) => (
|
|
<WebsiteResetForm websiteId={websiteId} onSave={handleReset} onClose={close} />
|
|
)}
|
|
</Modal>
|
|
</ModalTrigger>
|
|
</ActionForm>
|
|
<ActionForm
|
|
label={formatMessage(labels.deleteWebsite)}
|
|
description={formatMessage(messages.deleteWebsiteWarning)}
|
|
>
|
|
<ModalTrigger>
|
|
<Button variant="danger">{formatMessage(labels.delete)}</Button>
|
|
<Modal title={formatMessage(labels.deleteWebsite)}>
|
|
{(close: () => void) => (
|
|
<WebsiteDeleteForm websiteId={websiteId} onSave={handleDelete} onClose={close} />
|
|
)}
|
|
</Modal>
|
|
</ModalTrigger>
|
|
</ActionForm>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default WebsiteData;
|