From 958aea89ea0208f2c6f4b2fe6e1dfca4c352d5fe Mon Sep 17 00:00:00 2001
From: dragongoose <dragonmail14@protonmail.com>
Date: Mon, 3 Jul 2023 16:01:10 -0400
Subject: [PATCH] Add banners and always show chat

---
 src/types/Streamer.ts  |  1 +
 src/views/UserView.vue | 13 ++++---------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/types/Streamer.ts b/src/types/Streamer.ts
index d3569fa..e5a0f9f 100644
--- a/src/types/Streamer.ts
+++ b/src/types/Streamer.ts
@@ -22,6 +22,7 @@ export interface StreamerData {
     about: string
     socials?: Social[]
     pfp: string
+    banner: string
     stream?: StreamData | null
     isPartner: boolean | null
     colorHex: string
diff --git a/src/views/UserView.vue b/src/views/UserView.vue
index 1fd483f..b1860fc 100644
--- a/src/views/UserView.vue
+++ b/src/views/UserView.vue
@@ -15,19 +15,11 @@ export default {
   inject: ["rootBackendUrl"],
   async setup() {
     const route = useRoute()
-    const username = route.params.username
     const data = ref<StreamerData>()
     const status = ref<"ok" | "error">()
-    const rootBackendUrl = inject('rootBackendUrl')
     const videoOptions = {
       autoplay: true,
       controls: true,
-      sources: [
-        {
-          src: `${rootBackendUrl}/proxy/stream/${username}/hls.m3u8`,
-          type: 'application/vnd.apple.mpegurl'
-        }
-      ],
       fluid: true
     }
 
@@ -71,11 +63,14 @@ export default {
   >
     <div
       class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch]  lg:max-w-[70rem] text-white"
+      
     >
       <div v-if="data.isLive" class="w-full mx-auto rounded-lg mb-5">
         <video-player :options="videoOptions"> </video-player>
       </div>
 
+      <img v-else :src="data.banner" alt="Streamer banner" class="rounded-md opacity-70 relative mb-2">
+
       <div class="w-full flex-wrap md:p-3">
         <div class="inline-flex md:w-4/5">
           <div class="w-20 h-20 relative">
@@ -151,6 +146,6 @@ export default {
       </div>
     </div>
 
-    <twitch-chat :isLive="data.isLive" :channelName="data.login"></twitch-chat>
+    <twitch-chat :isLive="true" :channelName="data.login"></twitch-chat>
   </div>
 </template>