Minor draft fixes, makes player names squeezable

slmnio · Mar 20, 2023 · 852bc7e · 852bc7e
1 parent 555bc96
commit 852bc7e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/website/src/components/broadcast/DraftPlayer.vue b/website/src/components/broadcast/DraftPlayer.vue
@@ -1,6 +1,8 @@
 <template>
     <div class="draft-player" v-if="player && !player.dummy" :style="background" :data-player-id="player && player.id || 'empty'">
-        <div class="player-name">{{ player.name }}</div>
+        <Squeezable class="player-name">
+            <div>{{ player.name }}</div>
+        </Squeezable>
         <div class="player-role flex-center" v-if="showIcon" v-html="getSVG(player.role)"></div>
         <div class="player-badge" v-if="badge">
             <ThemeLogo class="badge-logo" :theme="badge && badge.theme" icon-padding="0.2em" logo-size="w-50" />
@@ -15,10 +17,11 @@
 import { logoBackground } from "@/utils/theme-styles";
 import { getRoleSVG } from "@/utils/content-utils";
 import ThemeLogo from "@/components/website/ThemeLogo";
+import Squeezable from "@/components/broadcast/Squeezable.vue";
 
 export default {
     name: "DraftPlayer",
-    components: { ThemeLogo },
+    components: { Squeezable, ThemeLogo },
     props: {
         player: {},
         theme: {},

diff --git a/website/src/components/broadcast/roots/DraftOverlay.vue b/website/src/components/broadcast/roots/DraftOverlay.vue
@@ -49,7 +49,7 @@ export default {
         dummy: false
     }),
     methods: {
-        insertDummies(players) {
+        insertDummies(players = []) {
             if (!this.eachTeam) return players;
             const dummyRecord = { dummy: true };
             const dummiedPlayers = [];