Move footer into modal content

app/routes/et-members.tsx

@@ -324,67 +324,67 @@ export default function () {
               placeholder="New name"
             />
           </ModalBody>
-        </ModalContent>
+          <ModalFooter>
-        <ModalFooter>
+            <Button
-          <Button
+              onClick={() => {
-            onClick={() => {
+                setAddingMemberName("");
-              setAddingMemberName("");
+                closeNameChange();
-              closeNameChange();
+              }}
-            }}
+            >
-          >
+              Cancel
-            Cancel
+            </Button>
-          </Button>
+            <Button
-          <Button
+              colorScheme="blue"
-            colorScheme="blue"
+              ml="8px"
-            ml="8px"
+              onClick={async () => {
-            onClick={async () => {
+                const nameUpdateResp = await fetch(
-              const nameUpdateResp = await fetch(
+                  "/api/events-team/team-members/user",
-                "/api/events-team/team-members/user",
+                  {
-                {
+                    body: JSON.stringify({
-                  body: JSON.stringify({
+                      id: currentModalMember,
-                    id: currentModalMember,
+                      name: addingMemberName,
-                    name: addingMemberName,
+                    }),
-                  }),
+                    headers: {
-                  headers: {
+                      "content-type": "application/json",
-                    "content-type": "application/json",
+                    },
+                    method: "PATCH",
                   },
-                  method: "PATCH",
+                );
-                },
-              );
 
-              const newName = addingMemberName;
+                const newName = addingMemberName;
 
-              closeNameChange();
+                closeNameChange();
-              setAddingMemberName("");
+                setAddingMemberName("");
 
-              if (!nameUpdateResp.ok) {
+                if (!nameUpdateResp.ok) {
-                let errorMsg = "Unknown error";
+                  let errorMsg = "Unknown error";
 
-                try {
+                  try {
-                  errorMsg = (
+                    errorMsg = (
-                    (await nameUpdateResp.json()) as { error: string }
+                      (await nameUpdateResp.json()) as { error: string }
-                  ).error;
+                    ).error;
-                } catch {}
+                  } catch {}
+
+                  toast({
+                    description: errorMsg,
+                    status: "error",
+                    title: "Error",
+                  });
+
+                  return;
+                }
 
                 toast({
-                  description: errorMsg,
+                  description: `Name changed to ${newName}`,
-                  status: "error",
+                  status: "success",
-                  title: "Error",
+                  title: "Name changed",
                 });
-
+              }}
-                return;
+            >
-              }
+              Update Name
-
+            </Button>
-              toast({
+          </ModalFooter>
-                description: `Name changed to ${newName}`,
+        </ModalContent>
-                status: "success",
-                title: "Name changed",
-              });
-            }}
-          >
-            Update Name
-          </Button>
-        </ModalFooter>
       </Modal>
       <Modal
         isOpen={isOpen}