From 8d52c1e3444471a9366ba50041e5232b851bf6e2 Mon Sep 17 00:00:00 2001
From: Carson McManus <dyc3@users.noreply.github.com>
Date: Sat, 21 Oct 2023 16:55:28 -0400
Subject: [PATCH] add a close button to the video buffer warning banner (#1113)

---
 client/src/components/players/OmniPlayer.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/src/components/players/OmniPlayer.vue b/client/src/components/players/OmniPlayer.vue
index c5e5d32a9..392fedd6b 100644
--- a/client/src/components/players/OmniPlayer.vue
+++ b/client/src/components/players/OmniPlayer.vue
@@ -4,8 +4,19 @@
 			<!-- TODO: replace with v-banner when this is fixed: https://github.com/vuetifyjs/vuetify/issues/17124 -->
 			<v-sheet color="warning" density="compact" v-if="showBufferWarning">
 				<v-container fluid style="padding: 6px">
-					<v-progress-circular indeterminate size="16" width="2" />
-					{{ $t("player.buffer-warn.spans", { ranges: renderedSpans }) }}
+					<div style="display: flex; align-items: center">
+						<v-progress-circular indeterminate size="16" width="2" />
+						<span>{{ $t("player.buffer-warn.spans", { ranges: renderedSpans }) }}</span>
+						<v-spacer />
+						<v-btn
+							size="x-small"
+							variant="text"
+							icon
+							@click="showBufferWarning = false"
+						>
+							<v-icon>fa:fas fa-times</v-icon>
+						</v-btn>
+					</div>
 				</v-container>
 			</v-sheet>
 		</div>