From 1c672e31e42ba2b0c6773c113a2d444ac9479b5f Mon Sep 17 00:00:00 2001
From: Pandipipas <62224708+Pandipipas@users.noreply.github.com>
Date: Mon, 16 Feb 2026 22:50:24 +0100
Subject: [PATCH] Show connected state button when start.gg token is configured

---
 src/dashboard/scoreko-dev/views/Players.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/dashboard/scoreko-dev/views/Players.vue b/src/dashboard/scoreko-dev/views/Players.vue
index caeaaac..7c6d225 100644
--- a/src/dashboard/scoreko-dev/views/Players.vue
+++ b/src/dashboard/scoreko-dev/views/Players.vue
@@ -190,6 +190,7 @@ const selectedTournamentOption = computed(() =>
   recentTournaments.value.find((item) => item.slug === selectedTournamentSlug.value) ?? null,
 );
 const canImportSelectedTournament = computed(() => Boolean(selectedTournamentOption.value));
+const hasStartGGTokenConfigured = computed(() => Boolean(startGGToken.value.trim()));
 
 const filterTournaments = (value: string, update: (callback: () => void) => void) => {
   update(() => {
@@ -586,12 +587,22 @@ onBeforeUnmount(() => {
           <div class="row q-col-gutter-sm items-center">
             <div class="col-auto">
               <QBtn
+                v-if="!hasStartGGTokenConfigured"
                 color="primary"
                 icon="login"
                 label="Conectar con start.gg"
                 :loading="oauthLoading"
                 @click="connectWithStartGGOAuth"
               />
+              <QBtn
+                v-else
+                outline
+                color="positive"
+                icon="check_circle"
+                label="Conectado"
+                class="startgg-connected-btn"
+                @click="openManualTokenDialog"
+              />
             </div>
             <div class="col-auto">
               <QBtn
@@ -882,6 +893,10 @@ onBeforeUnmount(() => {
   background: rgba(255, 255, 255, 0.12);
 }
 
+.startgg-connected-btn {
+  font-weight: 600;
+}
+
 .players-underlined-field :deep(.q-field__control) {
   min-height: 28px;
   padding: 0;