Refactored teams components.

src/app/(main)/settings/teams/[teamId]/TeamMemberRemoveButton.tsx

@@ -1,46 +0,0 @@
-'use client';
-import { useApi, useMessages } from 'components/hooks';
-import { Icon, Icons, LoadingButton, Text } from 'react-basics';
-import { touch } from 'store/modified';
-
-export function TeamMemberRemoveButton({
-  teamId,
-  userId,
-  disabled,
-  onSave,
-}: {
-  teamId: string;
-  userId: string;
-  disabled?: boolean;
-  onSave?: () => void;
-}) {
-  const { formatMessage, labels } = useMessages();
-  const { del, useMutation } = useApi();
-  const { mutate, isPending } = useMutation({
-    mutationFn: () => del(`/teams/${teamId}/users/${userId}`),
-  });
-
-  const handleRemoveTeamMember = () => {
-    mutate(null, {
-      onSuccess: () => {
-        touch('team:members');
-        onSave?.();
-      },
-    });
-  };
-
-  return (
-    <LoadingButton
-      onClick={() => handleRemoveTeamMember()}
-      disabled={disabled}
-      isLoading={isPending}
-    >
-      <Icon>
-        <Icons.Close />
-      </Icon>
-      <Text>{formatMessage(labels.remove)}</Text>
-    </LoadingButton>
-  );
-}
-
-export default TeamMemberRemoveButton;