Adjust start.gg layout and admin-only tournament listing

src/dashboard/scoreko-dev/views/Players.vue

@@ -270,72 +270,8 @@ onMounted(() => {
       />
     </div>
 
-    <QCard
-      flat
-      bordered
-      class="q-pa-md"
-    >
-      <div class="text-h6 q-mb-sm">
-        Integración start.gg
-      </div>
-      <div class="text-caption q-mb-md">
-        Pega tu token personal de start.gg para cargar automáticamente tus torneos recientes y sus inscritos.
-      </div>
-      <div class="row q-col-gutter-sm items-center">
-        <div class="col-12 col-md-7">
-          <QInput
-            v-model="startGGToken"
-            label="start.gg API Token"
-            dense
-            outlined
-            type="password"
-          />
-        </div>
-        <div class="col-auto">
-          <QBtn
-            color="secondary"
-            icon="sync"
-            label="Cargar torneos"
-            :loading="loadingTournaments"
-            @click="loadRecentTournaments"
-          />
-        </div>
-      </div>
-      <div
-        v-if="tournamentsError"
-        class="text-negative q-mt-sm"
-      >
-        {{ tournamentsError }}
-      </div>
-      <QList
-        v-if="recentTournaments.length"
-        bordered
-        separator
-        class="q-mt-md startgg-tournaments-list"
-      >
-        <QItem
-          v-for="tournament in recentTournaments"
-          :key="tournament.id"
-          clickable
-        >
-          <QItemSection>
-            <QItemLabel>{{ tournament.name }}</QItemLabel>
-            <QItemLabel caption>
-              {{ tournament.slug }}
-            </QItemLabel>
-          </QItemSection>
-          <QItemSection side>
-            <QBtn
-              color="primary"
-              unelevated
-              label="Importar jugadores"
-              @click.stop="openStartGGImportDialog(tournament)"
-            />
-          </QItemSection>
-        </QItem>
-      </QList>
-    </QCard>
-
+    <div class="players-content row q-col-gutter-md">
+      <div class="col players-main-column">
         <div class="row items-center q-gutter-sm q-mb-md">
           <QInput
             v-model="filter"
@@ -398,6 +334,76 @@ onMounted(() => {
             </QTd>
           </template>
         </QTable>
+      </div>
+
+      <div class="col-12 col-lg-4 players-startgg-column">
+        <QCard
+          flat
+          bordered
+          class="q-pa-md"
+        >
+          <div class="text-h6 q-mb-sm">
+            Integración start.gg
+          </div>
+          <div class="text-caption q-mb-md">
+            Pega tu token personal de start.gg para cargar automáticamente tus torneos creados o donde eres admin.
+          </div>
+          <div class="row q-col-gutter-sm items-center">
+            <div class="col-12">
+              <QInput
+                v-model="startGGToken"
+                label="start.gg API Token"
+                dense
+                outlined
+                type="password"
+              />
+            </div>
+            <div class="col-12">
+              <QBtn
+                color="secondary"
+                icon="sync"
+                label="Cargar torneos"
+                :loading="loadingTournaments"
+                @click="loadRecentTournaments"
+              />
+            </div>
+          </div>
+          <div
+            v-if="tournamentsError"
+            class="text-negative q-mt-sm"
+          >
+            {{ tournamentsError }}
+          </div>
+          <QList
+            v-if="recentTournaments.length"
+            bordered
+            separator
+            class="q-mt-md startgg-tournaments-list"
+          >
+            <QItem
+              v-for="tournament in recentTournaments"
+              :key="tournament.id"
+              clickable
+            >
+              <QItemSection>
+                <QItemLabel>{{ tournament.name }}</QItemLabel>
+                <QItemLabel caption>
+                  {{ tournament.slug }}
+                </QItemLabel>
+              </QItemSection>
+              <QItemSection side>
+                <QBtn
+                  color="primary"
+                  unelevated
+                  label="Importar jugadores"
+                  @click.stop="openStartGGImportDialog(tournament)"
+                />
+              </QItemSection>
+            </QItem>
+          </QList>
+        </QCard>
+      </div>
+    </div>
 
     <QDialog v-model="isImportDialogOpen">
       <QCard class="players-dialog">
@@ -541,6 +547,19 @@ onMounted(() => {
   min-width: 240px;
 }
 
+.players-content {
+  align-items: flex-start;
+}
+
+.players-main-column {
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+.players-startgg-column {
+  min-width: 320px;
+}
+
 .players-dialog {
   min-width: 320px;
   width: min(720px, 90vw);

src/extension/startgg.ts

@@ -89,7 +89,7 @@ nodecg.listenFor('startgg:fetchRecentTournaments', async (payload: unknown, ack)
   const query = `
     query RecentTournaments($perPage: Int!) {
       currentUser {
-        tournaments(query: { perPage: $perPage }) {
+        tournaments(query: { perPage: $perPage, filter: { tournamentView: "admin" } }) {
           nodes {
             id
             name