Rewrite admin. (#1713)

* Rewrite admin.

* Clean up password forms.

* Fix naming issues.

* CSS Naming.

components/forms/WebsiteReset.js

@@ -0,0 +1,49 @@
+import WebsiteDeleteForm from 'components/forms/WebsiteDeleteForm';
+import WebsiteResetForm from 'components/forms/WebsiteResetForm';
+import { useRouter } from 'next/router';
+import { useState } from 'react';
+import { Button, Form, FormRow, Modal } from 'react-basics';
+
+export default function WebsiteReset({ websiteId, onSave }) {
+  const [modal, setModal] = useState(null);
+  const router = useRouter();
+
+  const handleReset = async () => {
+    setModal(null);
+    onSave();
+  };
+
+  const handleDelete = async () => {
+    onSave();
+    await router.push('/websites');
+  };
+
+  const handleClose = () => setModal(null);
+
+  return (
+    <Form>
+      <FormRow label="Reset website">
+        <p>
+          All statistics for this website will be deleted, but your settings will remain intact.
+        </p>
+        <Button onClick={() => setModal('reset')}>Reset</Button>
+      </FormRow>
+      <FormRow label="Delete website">
+        <p>All website data will be deleted.</p>
+        <Button onClick={() => setModal('delete')}>Delete</Button>
+      </FormRow>
+      {modal === 'reset' && (
+        <Modal title="Reset website" onClose={handleClose}>
+          {close => <WebsiteResetForm websiteId={websiteId} onSave={handleReset} onClose={close} />}
+        </Modal>
+      )}
+      {modal === 'delete' && (
+        <Modal title="Delete website" onClose={handleClose}>
+          {close => (
+            <WebsiteDeleteForm websiteId={websiteId} onSave={handleDelete} onClose={close} />
+          )}
+        </Modal>
+      )}
+    </Form>
+  );
+}