Show connected state button when start.gg token is configured

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;