Fix naming issues.

components/forms/UserDelete.js

@@ -1,30 +0,0 @@
-import UserDeleteForm from 'components/forms/UserDeleteForm';
-import { useRouter } from 'next/router';
-import { useState } from 'react';
-import { Button, Form, FormRow, Modal } from 'react-basics';
-
-export default function WebsiteReset({ userId, onSave }) {
-  const [modal, setModal] = useState(null);
-  const router = useRouter();
-
-  const handleDelete = async () => {
-    onSave();
-    await router.push('/users');
-  };
-
-  const handleClose = () => setModal(null);
-
-  return (
-    <Form>
-      <FormRow label="Delete user">
-        <p>All user data will be deleted.</p>
-        <Button onClick={() => setModal('delete')}>Delete</Button>
-      </FormRow>
-      {modal === 'delete' && (
-        <Modal title="Delete user" onClose={handleClose}>
-          {close => <UserDeleteForm userId={userId} onSave={handleDelete} onClose={close} />}
-        </Modal>
-      )}
-    </Form>
-  );
-}

components/forms/UserDeleteForm.js

@@ -6,7 +6,7 @@ import styles from './Form.module.css';
 
 const CONFIRM_VALUE = 'DELETE';
 
-export default function WebsiteDeleteForm({ userId, onSave, onClose }) {
+export default function UserDeleteForm({ userId, onSave, onClose }) {
   const { del } = useApi(getAuthToken());
   const { mutate, error, isLoading } = useMutation(data => del(`/users/${userId}`, data));
 

components/forms/UserEditForm.js

@@ -41,27 +41,25 @@ export default function UserEditForm({ data, onSave }) {
   };
 
   return (
-    <>
-      <Form
-        key={id}
-        className={styles.form}
-        ref={ref}
-        onSubmit={handleSubmit}
-        error={error}
-        values={data}
-      >
-        <FormInput name="username" label="Username">
-          <TextField />
-        </FormInput>
-        <FormInput name="role" label="Role">
-          <Dropdown items={items} style={{ width: 200 }}>
-            {({ value, label }) => <Item key={value}>{label}</Item>}
-          </Dropdown>
-        </FormInput>
-        <FormButtons>
-          <SubmitButton variant="primary">Save</SubmitButton>
-        </FormButtons>
-      </Form>
-    </>
+    <Form
+      key={id}
+      className={styles.form}
+      ref={ref}
+      onSubmit={handleSubmit}
+      error={error}
+      values={data}
+    >
+      <FormInput name="username" label="Username">
+        <TextField />
+      </FormInput>
+      <FormInput name="role" label="Role">
+        <Dropdown items={items} style={{ width: 200 }}>
+          {({ value, label }) => <Item key={value}>{label}</Item>}
+        </Dropdown>
+      </FormInput>
+      <FormButtons>
+        <SubmitButton variant="primary">Save</SubmitButton>
+      </FormButtons>
+    </Form>
   );
 }

components/forms/WebsiteEditForm.module.css

@@ -1,7 +0,0 @@
-.copy {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 20px;
-  flex: 1;
-}