fix(clerk-js): Mutate membership requests after accept or reject (#1631)

clerk · Aug 25, 2023 · 21d8bee · 21d8bee
1 parent b2296d6
commit 21d8bee
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/.changeset/curly-carpets-visit.md b/.changeset/curly-carpets-visit.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/RequestToJoinList.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/RequestToJoinList.tsx
@@ -7,12 +7,14 @@ import { handleError } from '../../utils';
 import { DataTable, RowContainer } from './MemberListTable';
 
 const ITEMS_PER_PAGE = 10;
+
+const membershipRequestsParams = {
+  pageSize: ITEMS_PER_PAGE,
+};
 export const RequestToJoinList = () => {
   const card = useCardState();
   const { organization, membershipRequests } = useCoreOrganization({
-    membershipRequests: {
-      pageSize: ITEMS_PER_PAGE,
-    },
+    membershipRequests: membershipRequestsParams,
   });
 
   if (!organization) {
@@ -47,26 +49,24 @@ const RequestRow = withCardStateProvider(
   (props: { request: OrganizationMembershipRequestResource; onError: ReturnType<typeof useCardState>['setError'] }) => {
     const { request, onError } = props;
     const card = useCardState();
-    const { membershipRequests } = useCoreOrganization();
-
-    const mutateSwrState = () => {
-      const unstable__mutate = (membershipRequests as any).unstable__mutate;
-      if (unstable__mutate && typeof unstable__mutate === 'function') {
-        unstable__mutate();
-      }
-    };
+    const { membershipRequests } = useCoreOrganization({
+      membershipRequests: membershipRequestsParams,
+    });
 
     const onAccept = () => {
       return card
-        .runAsync(request.accept, 'accept')
-        .then(mutateSwrState)
+        .runAsync(async () => {
+          await request.accept();
+          await (membershipRequests as any).unstable__mutate?.();
+        }, 'accept')
         .catch(err => handleError(err, [], onError));
     };
-
     const onReject = () => {
       return card
-        .runAsync(request.reject, 'reject')
-        .then(mutateSwrState)
+        .runAsync(async () => {
+          await request.reject();
+          await (membershipRequests as any).unstable__mutate?.();
+        }, 'reject')
         .catch(err => handleError(err, [], onError));
     };