IWB-8: debounce some buttons

app/segments/(team)/blacklist.js

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { ScrollView, View } from "react-native";
 import { Button, List } from "react-native-paper";
 import { themeColors } from "~/Constants";
+import { getErrorString } from "~/Utility";
 import ErrorComponent from "~/components/errorComponent";
 import Loading from "~/components/loading";
 import RefreshInvalidate from "~/components/refreshInvalidate";
@@ -55,10 +56,20 @@ function Blacklist() {
  >
  <Button
  onPress={async () => {
- setUnbanLoading({ ...unbanLoading, [userId]: true });
- await removeBlacklist(currentTeamId, userId);
- await invalidateMultipleKeys(queryClient, invalidateKeys);
- setUnbanLoading({ ...unbanLoading, [userId]: false });
+ try {
+ if (unbanLoading[userId]) return;
+ setUnbanLoading({ ...unbanLoading, [userId]: true });
+ await removeBlacklist(currentTeamId, userId);
+ await invalidateMultipleKeys(
+ queryClient,
+ invalidateKeys,
+ );
+ setUnbanLoading({ ...unbanLoading, [userId]: false });
+ } catch (e) {
+ console.log(e);
+ setUnbanLoading({ ...unbanLoading, [userId]: false });
+ showDialog("Error", getErrorString(e));
+ }
  }}
  textColor={themeColors.accent}
  loading={unbanLoading[userId]}

app/segments/(team)/invitelist.js

@@ -46,6 +46,7 @@ export function Invitelist() {
  const [inviteLoading, setInviteLoading] = useState(false);
 
  const onInvite = async () => {
+ if (inviteLoading) return;
  setInviteLoading(true);
  if (invitedEmail.includes(currentEmailInput)) {
  setStatusText("Email already invited");