From 852bc7e2bdabb84051becb038d9273eabd6a57a3 Mon Sep 17 00:00:00 2001
From: Solomon Cammack <solomon@solomon.eu.com>
Date: Mon, 20 Mar 2023 22:40:30 +0000
Subject: [PATCH] Minor draft fixes, makes player names squeezable

---
 website/src/components/broadcast/DraftPlayer.vue        | 7 +++++--
 website/src/components/broadcast/roots/DraftOverlay.vue | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/website/src/components/broadcast/DraftPlayer.vue b/website/src/components/broadcast/DraftPlayer.vue
index 4452f2d4..a82f7338 100644
--- 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
index c2be1751..7af320cc 100644
--- 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 = [];