Refactored forms and pages.

src/app/(main)/settings/teams/[id]/TeamWebsiteAddForm.js

@@ -4,7 +4,7 @@ import { Button, Form, FormButtons, GridColumn, Loading, SubmitButton, Toggle }
 import useMessages from 'components/hooks/useMessages';
 import WebsitesDataTable from '../../websites/WebsitesDataTable';
 
-export function TeamAddWebsiteForm({ teamId, onSave, onClose }) {
+export function TeamWebsiteAddForm({ teamId, onSave, onClose }) {
   const { formatMessage, labels } = useMessages();
   const { get, post, useQuery, useMutation } = useApi();
   const { mutate, error } = useMutation(data => post(`/teams/${teamId}/websites`, data));
@@ -57,4 +57,4 @@ export function TeamAddWebsiteForm({ teamId, onSave, onClose }) {
   );
 }
 
-export default TeamAddWebsiteForm;
+export default TeamWebsiteAddForm;

src/app/(main)/settings/teams/[id]/TeamWebsiteRemoveButton.js

@@ -7,15 +7,12 @@ export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   const { del, useMutation } = useApi();
   const { mutate, isLoading } = useMutation(() => del(`/teams/${teamId}/websites/${websiteId}`));
 
-  const handleRemoveTeamMember = () => {
-    mutate(
-      {},
-      {
-        onSuccess: () => {
-          onSave();
-        },
+  const handleRemoveTeamMember = async () => {
+    await mutate(null, {
+      onSuccess: () => {
+        onSave();
       },
-    );
+    });
   };
 
   return (

src/app/(main)/settings/teams/[id]/TeamWebsites.js

@@ -1,6 +1,6 @@
 import { ActionForm, Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import TeamWebsitesTable from './TeamWebsitesTable';
-import TeamAddWebsiteForm from './TeamAddWebsiteForm';
+import TeamWebsiteAddForm from './TeamWebsiteAddForm';
 import useApi from 'components/hooks/useApi';
 import useMessages from 'components/hooks/useMessages';
 import useUser from 'components/hooks/useUser';
@@ -36,7 +36,7 @@ export function TeamWebsites({ teamId }) {
             <Text>{formatMessage(labels.addWebsite)}</Text>
           </Button>
           <Modal title={formatMessage(labels.addWebsite)}>
-            {close => <TeamAddWebsiteForm teamId={teamId} onSave={handleChange} onClose={close} />}
+            {close => <TeamWebsiteAddForm teamId={teamId} onSave={handleChange} onClose={close} />}
           </Modal>
         </ModalTrigger>
       </ActionForm>