fix: invalidation + limit not being updated on members deletion

Author: ArmanNik

src/lib/constants.ts

@@ -8,6 +8,7 @@ export enum Dependencies {
     ADDRESS = 'dependency:address',
     PAYMENT_METHODS = 'dependency:paymentMethods',
     ORGANIZATION = 'dependency:organization',
+    MEMBERS = 'dependency:members',
     PROJECT = 'dependency:project',
     PROJECT_VARIABLES = 'dependency:project_variables',
     PROJECT_INSTALLATIONS = 'dependency:project_installations',

src/routes/console/organization-[organization]/+layout.ts

@@ -13,6 +13,7 @@ import { preferences } from '$lib/stores/preferences';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.ORGANIZATION);
+    depends(Dependencies.MEMBERS);
     depends(Dependencies.PAYMENT_METHODS);
 
     if (isCloud) {

src/routes/console/organization-[organization]/deleteMember.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
-    import { goto } from '$app/navigation';
+    import { goto, invalidate } from '$app/navigation';
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
@@ -9,6 +9,10 @@
     import { createEventDispatcher } from 'svelte';
     import { user } from '$lib/stores/user';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Dependencies } from '$lib/constants';
+    import { checkForUsageLimit } from '$lib/stores/billing';
+    import { isCloud } from '$lib/system';
+    import { organization } from '$lib/stores/organization';
 
     const dispatch = createEventDispatcher();
 
@@ -25,6 +29,11 @@
             } else {
                 dispatch('deleted');
             }
+            invalidate(Dependencies.ACCOUNT);
+            invalidate(Dependencies.MEMBERS);
+            if (isCloud && $organization) {
+                await checkForUsageLimit($organization);
+            }
             showDelete = false;
             addNotification({
                 type: 'success',

src/routes/console/organization-[organization]/members/+page.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
-    import { invalidate } from '$app/navigation';
     import { page } from '$app/stores';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { AvatarInitials, PaginationWithLimit } from '$lib/components';
-    import { Dependencies } from '$lib/constants';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import {
@@ -29,7 +27,6 @@
     let selectedMember: Models.Membership;
     let showDelete = false;
     const url = `${$page.url.origin}/console/`;
-    const deleted = () => invalidate(Dependencies.ACCOUNT);
     const resend = async (member: Models.Membership) => {
         try {
             await sdk.forConsole.teams.createMembership(
@@ -124,4 +121,4 @@
     {/if}
 </Container>
 
-<Delete {selectedMember} bind:showDelete on:deleted={() => deleted()} />
+<Delete {selectedMember} bind:showDelete />

src/routes/console/organization-[organization]/members/+page.ts

@@ -6,6 +6,7 @@ import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ url, params, route, depends }) => {
     depends(Dependencies.ORGANIZATION);
+    depends(Dependencies.MEMBERS);
     const page = getPage(url);
     const limit = getLimit(url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);