Add 3 roles, settings for marathons

frontend/src/api/marathons.ts

@@ -1,15 +1,13 @@
 import client from './client'
-import type { Marathon, MarathonListItem, LeaderboardEntry, ParticipantInfo, User } from '@/types'
+import type { Marathon, MarathonListItem, LeaderboardEntry, ParticipantWithUser, ParticipantRole, GameProposalMode } from '@/types'
 
 export interface CreateMarathonData {
   title: string
   description?: string
   start_date: string
   duration_days?: number
-}
-
-export interface ParticipantWithUser extends ParticipantInfo {
-  user: User
+  is_public?: boolean
+  game_proposal_mode?: GameProposalMode
 }
 
 export const marathonsApi = {
@@ -52,11 +50,24 @@ export const marathonsApi = {
     return response.data
   },
 
+  joinPublic: async (id: number): Promise<Marathon> => {
+    const response = await client.post<Marathon>(`/marathons/${id}/join`)
+    return response.data
+  },
+
   getParticipants: async (id: number): Promise<ParticipantWithUser[]> => {
     const response = await client.get<ParticipantWithUser[]>(`/marathons/${id}/participants`)
     return response.data
   },
 
+  setParticipantRole: async (marathonId: number, userId: number, role: ParticipantRole): Promise<ParticipantWithUser> => {
+    const response = await client.patch<ParticipantWithUser>(
+      `/marathons/${marathonId}/participants/${userId}/role`,
+      { role }
+    )
+    return response.data
+  },
+
   getLeaderboard: async (id: number): Promise<LeaderboardEntry[]> => {
     const response = await client.get<LeaderboardEntry[]>(`/marathons/${id}/leaderboard`)
     return response.data