fix: limit number of results links in event summaries

brownben · Jan 5, 2025 · 35e93f1 · 35e93f1
1 parent 8ae6ff7
commit 35e93f1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/frontend/components/Event.vue b/frontend/components/Event.vue
@@ -21,11 +21,13 @@ const props = defineProps({
 })
 const emit = defineEmits(['event-changed'])
 
-const resultsLinks = computed(() =>
-  Object.keys(props.event.results_links).filter(
-    (link) => props.event.results_links[link],
-  ),
-)
+const resultsLinks = computed(() => {
+  const resultsLinks = props.event.results_links
+  const links = Object.keys(resultsLinks).filter((link) => resultsLinks[link])
+
+  if (props.small) return links.slice(-3)
+  return links
+})
 const uploadLink = `/upload/file?event_id=${encodeURIComponent(
   props.event.id,
 )}&upload_key=${encodeURIComponent(props.event.upload_key ?? '')}`

diff --git a/frontend/pages/leagues/[name]/index.vue b/frontend/pages/leagues/[name]/index.vue
@@ -111,15 +111,15 @@ if (league.value) {
           >
             Latest Results
           </h2>
-          <Event :event="latestEvents[0]" class="pb-6 pt-4" />
+          <Event :event="latestEvents[0]" class="pb-6 pt-4" small />
         </div>
         <div v-if="nextEvent">
           <h2
             class="font-bold uppercase text-gray-500 sm:pb-2 dark:text-gray-300"
           >
             Next Event
           </h2>
-          <Event :event="nextEvent" class="pb-6 pt-4" />
+          <Event :event="nextEvent" class="pb-6 pt-4" small />
         </div>
         <div v-else>
           <p
@@ -132,6 +132,7 @@ if (league.value) {
             v-if="latestEvents.length > 1"
             :event="latestEvents[1]"
             class="pb-6 pt-4"
+            small
           />
         </div>
       </section>