Admin: Update org list after delete (#26277)

public/app/features/admin/AdminListOrgsPage.tsx

@@ -20,6 +20,7 @@ export const AdminListOrgsPages: FC = () => {
   const navIndex = useSelector((state: StoreState) => state.navIndex);
   const navIndex = useSelector((state: StoreState) => state.navIndex);
   const navModel = getNavModel(navIndex, 'global-orgs');
   const navModel = getNavModel(navIndex, 'global-orgs');
   const [state, fetchOrgs] = useAsyncFn(async () => await getOrgs(), []);
   const [state, fetchOrgs] = useAsyncFn(async () => await getOrgs(), []);
+
   useEffect(() => {
   useEffect(() => {
     fetchOrgs();
     fetchOrgs();
   }, []);
   }, []);
@@ -44,7 +45,7 @@ export const AdminListOrgsPages: FC = () => {
               </VerticalGroup>
               </VerticalGroup>
             </InfoBox>
             </InfoBox>
 
 
-            <div className="page-action-bar__spacer"></div>
+            <div className="page-action-bar__spacer" />
             <LinkButton icon="plus" href="org/new">
             <LinkButton icon="plus" href="org/new">
               New org
               New org
             </LinkButton>
             </LinkButton>
@@ -55,8 +56,7 @@ export const AdminListOrgsPages: FC = () => {
             <AdminOrgsTable
             <AdminOrgsTable
               orgs={state.value}
               orgs={state.value}
               onDelete={orgId => {
               onDelete={orgId => {
-                deleteOrg(orgId);
-                fetchOrgs();
+                deleteOrg(orgId).then(() => fetchOrgs());
               }}
               }}
             />
             />
           )}
           )}