Renamed (app) folder to (main).

src/app/(main)/settings/websites/[id]/WebsiteData.js

@@ -0,0 +1,49 @@
+import { Button, Modal, ModalTrigger, ActionForm } from 'react-basics';
+import WebsiteDeleteForm from './WebsiteDeleteForm';
+import WebsiteResetForm from './WebsiteResetForm';
+import useMessages from 'components/hooks/useMessages';
+
+export function WebsiteData({ websiteId, onSave }) {
+  const { formatMessage, labels, messages } = useMessages();
+
+  const handleReset = async () => {
+    onSave('reset');
+  };
+
+  const handleDelete = async () => {
+    onSave('delete');
+  };
+
+  return (
+    <>
+      <ActionForm
+        label={formatMessage(labels.resetWebsite)}
+        description={formatMessage(messages.resetWebsiteWarning)}
+      >
+        <ModalTrigger>
+          <Button variant="secondary">{formatMessage(labels.reset)}</Button>
+          <Modal title={formatMessage(labels.resetWebsite)}>
+            {close => (
+              <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 => (
+              <WebsiteDeleteForm websiteId={websiteId} onSave={handleDelete} onClose={close} />
+            )}
+          </Modal>
+        </ModalTrigger>
+      </ActionForm>
+    </>
+  );
+}
+
+export default WebsiteData;