From 43b314bb20a6c17c4a8a12de3bae83653b2f6fa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Gremaud?= <loic.gremaud@arcanite.ch>
Date: Sat, 23 May 2026 19:51:08 +0200
Subject: [PATCH] fix(openapi-ts): replace api call with generated api client

---
 polylan_submitter/src/Home.vue                |  3 ++-
 polylan_submitter/src/Market.vue              |  8 +++++---
 .../src/components/MarketCard.vue             |  7 ++++---
 polylan_submitter/src/components/UserBets.vue | 19 ++++++++++---------
 polylan_submitter/src/stores/puzzles.ts       | 10 +++++-----
 polylan_submitter/src/types/index.ts          |  6 +++---
 6 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/polylan_submitter/src/Home.vue b/polylan_submitter/src/Home.vue
index 3b3a2a3..b3846a2 100644
--- a/polylan_submitter/src/Home.vue
+++ b/polylan_submitter/src/Home.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { gamesApiListGames } from "./api";
+import type { GamesApiListGamesResponse } from "./api/types.gen";
 
-const games = ref<any[]>([]);
+const games = ref<GamesApiListGamesResponse | undefined>();
 const loading = ref(true);
 
 const imageErrors = ref<Set<number>>(new Set());
diff --git a/polylan_submitter/src/Market.vue b/polylan_submitter/src/Market.vue
index 8b44376..b7752a3 100644
--- a/polylan_submitter/src/Market.vue
+++ b/polylan_submitter/src/Market.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { polylanSubmitterApiGetUserInfo, marketApiListMarkets } from "./api";
+import type { UserInfoOut } from "./api/types.gen";
+import type { Market } from "./types";
 import MarketCard from "./components/MarketCard.vue";
 import UserBets from "./components/UserBets.vue";
 
-const markets = ref<any[]>([]);
+const markets = ref<Market[]>([]);
 const loading = ref(true);
-const userInfo = ref<any>(null);
+const userInfo = ref<UserInfoOut | undefined>();
 
 const goHome = () => {
   window.location.href = "/";
@@ -26,7 +28,7 @@ onMounted(async () => {
   // Fetch markets
   const response = await marketApiListMarkets();
   if (response.data) {
-    markets.value = response.data;
+    markets.value = response.data as unknown as Market[];
   }
   loading.value = false;
 });
diff --git a/polylan_submitter/src/components/MarketCard.vue b/polylan_submitter/src/components/MarketCard.vue
index 960dca9..baeae82 100644
--- a/polylan_submitter/src/components/MarketCard.vue
+++ b/polylan_submitter/src/components/MarketCard.vue
@@ -2,6 +2,7 @@
 import { ref, computed, onMounted } from "vue";
 import { polylanSubmitterApiGetUserInfo, marketApiCreateBet, marketApiListUserBets } from "../api";
 import type { Market } from "../types";
+import type { UserInfoOut, UserBetSchema } from "../api/types.gen";
 
 const props = defineProps<{
   market: Market;
@@ -15,9 +16,9 @@ const selectedOption = ref<string | null>(null);
 const betAmount = ref<number>(0);
 const loading = ref(false);
 const error = ref<string>("");
-const userInfo = ref<any>(null);
-const userBets = ref<any[]>([]);
-const existingBet = ref<any | null>(null);
+const userInfo = ref<UserInfoOut | undefined>();
+const userBets = ref<UserBetSchema[]>([]);
+const existingBet = ref<UserBetSchema | null>(null);
 
 const timeRemaining = computed(() => {
   const endDate = new Date(props.market.end_date).getTime();
diff --git a/polylan_submitter/src/components/UserBets.vue b/polylan_submitter/src/components/UserBets.vue
index 5684511..2409b60 100644
--- a/polylan_submitter/src/components/UserBets.vue
+++ b/polylan_submitter/src/components/UserBets.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from "vue";
 import { marketApiListUserBets } from "../api";
+import type { UserBetSchema } from "../api/types.gen";
 
 defineEmits<{
   refresh: [];
 }>();
 
-const userBets = ref<any[]>([]);
+const userBets = ref<UserBetSchema[]>([]);
 const loading = ref(true);
 
 const totalBetAmount = computed(() => {
@@ -16,19 +17,19 @@ const totalBetAmount = computed(() => {
 const winningBets = computed(() => {
   return userBets.value.filter(bet => {
     const market = bet.market;
-    return market.status === "resolved" && market.winning_option?.uuid === bet.option.uuid;
+    return market?.status === "resolved" && market?.winning_option?.uuid === bet.option.uuid;
   });
 });
 
 const losingBets = computed(() => {
   return userBets.value.filter(bet => {
     const market = bet.market;
-    return market.status === "resolved" && market.winning_option?.uuid !== bet.option.uuid;
+    return market?.status === "resolved" && market?.winning_option?.uuid !== bet.option.uuid;
   });
 });
 
 const openBets = computed(() => {
-  return userBets.value.filter(bet => bet.market.status === "open");
+  return userBets.value.filter(bet => bet.market?.status === "open");
 });
 
 const totalWinnings = computed(() => {
@@ -103,7 +104,7 @@ onMounted(async () => {
               <div class="card-body py-4">
                 <div class="flex justify-between items-start">
                   <div class="flex-1">
-                    <h4 class="font-semibold text-lg">{{ bet.market.title }}</h4>
+                    <h4 class="font-semibold text-lg">{{ bet.market?.title }}</h4>
                     <p class="text-sm text-base-content/70">
                       Bet on: <span class="font-medium">{{ bet.option.text }}</span>
                     </p>
@@ -111,7 +112,7 @@ onMounted(async () => {
                   <div class="text-right">
                     <div class="text-lg font-bold">{{ bet.amount }} pts</div>
                     <div class="text-xs text-base-content/60 mt-1">
-                      Status: <span class="badge badge-info badge-sm">{{ bet.market.status }}</span>
+                      Status: <span class="badge badge-info badge-sm">{{ bet.market?.status }}</span>
                     </div>
                   </div>
                 </div>
@@ -135,7 +136,7 @@ onMounted(async () => {
               <div class="card-body py-4">
                 <div class="flex justify-between items-start">
                   <div class="flex-1">
-                    <h4 class="font-semibold text-lg">{{ bet.market.title }}</h4>
+                    <h4 class="font-semibold text-lg">{{ bet.market?.title }}</h4>
                     <p class="text-sm text-base-content/70">
                       Correct! You bet on: <span class="font-medium text-success">{{ bet.option.text }}</span>
                     </p>
@@ -164,12 +165,12 @@ onMounted(async () => {
               <div class="card-body py-4">
                 <div class="flex justify-between items-start">
                   <div class="flex-1">
-                    <h4 class="font-semibold text-lg">{{ bet.market.title }}</h4>
+                    <h4 class="font-semibold text-lg">{{ bet.market?.title }}</h4>
                     <p class="text-sm text-base-content/70">
                       You bet on: <span class="font-medium">{{ bet.option.text }}</span>
                     </p>
                     <p class="text-sm text-base-content/60 mt-1">
-                      Winner: <span class="font-medium">{{ bet.market.winning_option?.text }}</span>
+                      Winner: <span class="font-medium">{{ bet.market?.winning_option?.text }}</span>
                     </p>
                   </div>
                   <div class="text-right">
diff --git a/polylan_submitter/src/stores/puzzles.ts b/polylan_submitter/src/stores/puzzles.ts
index 0cf9365..481a416 100644
--- a/polylan_submitter/src/stores/puzzles.ts
+++ b/polylan_submitter/src/stores/puzzles.ts
@@ -1,11 +1,11 @@
 import { defineStore } from 'pinia'
 import { ref, computed } from 'vue'
-import type { SteamCollectionItem } from '@/types'
 import { submissionsApiListPuzzles } from '@/api'
+import type { SteamCollectionItem } from '@/types'
 
 export const usePuzzlesStore = defineStore('puzzles', () => {
   // State
-  const puzzles = ref<any[]>([])
+  const puzzles = ref<SteamCollectionItem[]>([])
   const isLoading = ref(false)
   const error = ref<string>('')
 
@@ -14,7 +14,7 @@ export const usePuzzlesStore = defineStore('puzzles', () => {
   
   const findPuzzleByName = computed(() => (name: string): SteamCollectionItem | null => {
     if (!name) return null
-    
+
     // First try exact match (case insensitive)
     const exactMatch = puzzles.value.find(
       puzzle => puzzle.title.toLowerCase() === name.toLowerCase()
@@ -26,7 +26,7 @@ export const usePuzzlesStore = defineStore('puzzles', () => {
       puzzle => puzzle.title.toLowerCase().includes(name.toLowerCase()) ||
                 name.toLowerCase().includes(puzzle.title.toLowerCase())
     )
-    
+
     return partialMatch || null
   })
 
@@ -46,7 +46,7 @@ export const usePuzzlesStore = defineStore('puzzles', () => {
       }
 
       if (response.data) {
-        puzzles.value = response.data
+        puzzles.value = response.data as unknown as SteamCollectionItem[]
       }
     } catch (err) {
       error.value = 'Failed to load puzzles'
diff --git a/polylan_submitter/src/types/index.ts b/polylan_submitter/src/types/index.ts
index f04c742..cfc4b13 100644
--- a/polylan_submitter/src/types/index.ts
+++ b/polylan_submitter/src/types/index.ts
@@ -30,9 +30,9 @@ export interface SteamCollectionItem {
   title: string
   author_name: string
   description: string
-  tags: string[]
-  order_index: number
-  collection: number
+  tags?: string[]
+  order_index?: number
+  steam_url: string
   points_factor?: PointsFactor
   created_at: string
   updated_at: string