Add real time update on update match

Andres2D · Feb 18, 2023 · 2ab7561 · 2ab7561
1 parent 436adc5
commit 2ab7561
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/components/matches/match-list.tsx b/components/matches/match-list.tsx
@@ -123,6 +123,23 @@ const MatchList: NextPage<Props> = ({ matches }) => {
   const { mutate: mutateUpdateMatch } = useMutation(updateMatch, {
     onSuccess: async (response) => {
       if (response.ok) {
+        setMatchesList((matches) =>
+          matches.map((match) => {
+            if(match._id === selectedMatch?._id) {
+              return {
+                ...match, 
+                location: response.data.match.location, 
+                date: response.data.match.date,
+                fullTime: response.data.match.fullTime,
+                homeScore: response.data.match.homeScore,
+                awayScore: response.data.match.awayScore
+              };
+            }else {
+              return match;
+            }
+          })
+        );
+
         fulltimeModalOnClose();
         updateMatchModalOnClose();
         setSelectedMatch(undefined);
@@ -213,8 +230,6 @@ const MatchList: NextPage<Props> = ({ matches }) => {
       location: place || selectedMatch?.location || ''
     };
 
-    console.log(request);
-
     mutateUpdateMatch(request);
   };
 

diff --git a/services/api-configuration.ts b/services/api-configuration.ts
@@ -1,8 +1,8 @@
-import { create } from 'apisauce'
+import { ApiResponse, create } from 'apisauce'
 import { ICreateMatchRequest, FullMatch } from '../interfaces/Match';
 import { UpdateProfileRequest, RegisterPlayerRequest } from '../interfaces/Player';
 import { UpdateTeamRequest } from '../interfaces/Team';
-import { IUpdateTeamPlayerRequest, IChangePlayerRequest, LeftMatchRequest } from '../interfaces/TeamPlayer';
+import { IUpdateTeamPlayerRequest, IChangePlayerRequest } from '../interfaces/TeamPlayer';
 
 const api = create({
   baseURL: '/api',
@@ -17,7 +17,7 @@ export const changePlayer = (request: IUpdateTeamPlayerRequest | IChangePlayerRe
 export const leaveMatch = (id: string) => api.delete('/team-player', { idMatch: id });
 
 export const createMatch = (request: ICreateMatchRequest) => api.post('/match', request);
-export const updateMatch = (match: FullMatch) => api.put('/match', match);
+export const updateMatch = (match: FullMatch): Promise<ApiResponse<any, any>> => api.put('/match', match);
 export const deleteMatch = (id: string) => api.delete('/match', { id });
 
 export const updateTeam = (request: UpdateTeamRequest) => api.put('/team', request);