Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-10 22:22:45 -05:00
Code Issues Activity

fix(console): refresh invitation list after inviting members (#5593)

Browse source
This commit is contained in:
Charles Zhao 2024-03-31 17:18:55 +08:00 • committed by GitHub
parent ceeeeb07a3
commit 0438a2e890
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/console/src/pages/TenantSettings/TenantMembers/Invitations/index.tsx
View file

@ -55,7 +55,7 @@ function Invitations() {
const { canInviteMember, canRemoveMember } = useCurrentTenantScopes();
const { data, error, isLoading, mutate } = useSWR<TenantInvitationResponse[], RequestError>(
`api/tenant/${currentTenantId}/invitations`,
'api/tenants/:tenantId/invitations',
async () =>
cloudApi.get('/api/tenants/:tenantId/invitations', { params: { tenantId: currentTenantId } })
);

4
packages/console/src/pages/TenantSettings/TenantMembers/Members/index.tsx
View file

@ -21,10 +21,10 @@ function Members() {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.tenant_members' });
const cloudApi = useAuthedCloudApi();
const { currentTenantId } = useContext(TenantsContext);
const { canInviteMember, canRemoveMember, canUpdateMemberRole } = useCurrentTenantScopes();
const { canRemoveMember, canUpdateMemberRole } = useCurrentTenantScopes();
const { data, error, isLoading, mutate } = useSWR<TenantMemberResponse[], RequestError>(
`api/tenant/${currentTenantId}/members`,
`api/tenants/:tenantId/members`,
async () =>
cloudApi.get('/api/tenants/:tenantId/members', { params: { tenantId: currentTenantId } })
);

19
packages/console/src/pages/TenantSettings/TenantMembers/index.tsx
View file

@ -1,11 +1,14 @@
import classNames from 'classnames';
import { useState } from 'react';
import { useContext, useState } from 'react';
import { Route, Routes } from 'react-router-dom';
import useSWRMutation from 'swr/mutation';
import InvitationIcon from '@/assets/icons/invitation.svg';
import MembersIcon from '@/assets/icons/members.svg';
import PlusIcon from '@/assets/icons/plus.svg';
import { useAuthedCloudApi } from '@/cloud/hooks/use-cloud-api';
import { TenantSettingsTabs } from '@/consts';
import { TenantsContext } from '@/contexts/TenantsProvider';
import Button from '@/ds-components/Button';
import Spacer from '@/ds-components/Spacer';
import useCurrentTenantScopes from '@/hooks/use-current-tenant-scopes';
@ -28,6 +31,14 @@ function TenantMembers() {
`/tenant-settings/${TenantSettingsTabs.Members}/${invitationsRoute}`
);
const { currentTenantId } = useContext(TenantsContext);
const cloudApi = useAuthedCloudApi();
const { trigger: mutateInvitations } = useSWRMutation(
'api/tenants/:tenantId/invitations',
async () =>
cloudApi.get('/api/tenants/:tenantId/invitations', { params: { tenantId: currentTenantId } })
);
return (
<div className={styles.container}>
<div className={styles.tabButtons}>
@ -73,7 +84,11 @@ function TenantMembers() {
onClose={(isSuccessful) => {
setShowInviteModal(false);
if (isSuccessful) {
navigate('invitations');
if (isInvitationTab) {
void mutateInvitations();
} else {
navigate('invitations');
}
}
}}
/>