fix(teams): mutate teams

GZTimeWalker · Aug 4, 2023 · f9283c3 · f9283c3
1 parent 3008571
commit f9283c3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/GZCTF/ClientApp/src/components/TeamCreateModal.tsx b/src/GZCTF/ClientApp/src/components/TeamCreateModal.tsx
@@ -19,10 +19,11 @@ import api, { TeamUpdateModel } from '@Api'
 
 interface TeamEditModalProps extends ModalProps {
   isOwnTeam: boolean
+  mutate: () => void
 }
 
 const TeamCreateModal: FC<TeamEditModalProps> = (props) => {
-  const { isOwnTeam, ...modalProps } = props
+  const { isOwnTeam, mutate, ...modalProps } = props
   const [createTeam, setCreateTeam] = useState<TeamUpdateModel>({ name: '', bio: '' })
   const theme = useMantineTheme()
 
@@ -36,7 +37,7 @@ const TeamCreateModal: FC<TeamEditModalProps> = (props) => {
           message: `${res.data.name} 创建成功，快去邀请队友吧！`,
           icon: <Icon path={mdiCheck} size={1} />,
         })
-        api.team.mutateTeamGetTeamsInfo()
+        mutate()
       })
       .catch(showErrorNotification)
       .finally(() => {

diff --git a/src/GZCTF/ClientApp/src/pages/Teams.tsx b/src/GZCTF/ClientApp/src/pages/Teams.tsx
@@ -29,7 +29,7 @@ import api, { TeamInfoModel, Role } from '@Api'
 
 const Teams: FC = () => {
   const { user, error: userError } = useUser()
-  const { teams, error: teamsError } = useTeams()
+  const { teams, mutate: mutateTeams, error: teamsError } = useTeams()
 
   const theme = useMantineTheme()
 
@@ -72,7 +72,7 @@ const Teams: FC = () => {
           message: '队伍信息已更新',
           icon: <Icon path={mdiCheck} size={1} />,
         })
-        api.team.mutateTeamGetTeamsInfo()
+        mutateTeams()
       })
       .catch(showErrorNotification)
       .finally(() => {
@@ -180,6 +180,7 @@ const Teams: FC = () => {
           title="创建新队伍"
           isOwnTeam={ownTeam ?? false}
           onClose={() => setCreateOpened(false)}
+          mutate={mutateTeams}
         />
 
         <TeamEditModal