chore: market build app

polylan_submitter/src/components/UserBets.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import { storeToRefs } from "pinia";
 import { useMarketStore } from "../stores/market";
 
@@ -10,6 +10,7 @@ defineEmits<{
 const marketStore = useMarketStore();
 const { userBets } = storeToRefs(marketStore);
 const loading = computed(() => marketStore.isLoading);
+const isWonBetsExpanded = ref(false);
 
 const totalBetAmount = computed(() => {
   return userBets.value.reduce((sum, bet) => sum + bet.amount, 0);
@@ -116,11 +117,12 @@ const totalWinnings = computed(() => {
 
         <!-- Winning Bets -->
         <div v-if="winningBets.length > 0">
-          <h3 class="text-xl font-bold mb-4 flex items-center gap-2">
+          <button @click="isWonBetsExpanded = !isWonBetsExpanded" class="text-xl font-bold mb-4 flex items-center gap-2 cursor-pointer hover:opacity-70 transition-opacity">
+            <i :class="['mdi', isWonBetsExpanded ? 'mdi-chevron-down' : 'mdi-chevron-right']"></i>
             <i class="mdi mdi-check-circle text-success"></i>
             Won Bets ({{ winningBets.length }})
-          </h3>
-          <div class="space-y-4">
+          </button>
+          <div v-if="isWonBetsExpanded" class="space-y-4">
             <div
               v-for="bet in winningBets"
               :key="bet.uuid"