Add banners and always show chat

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

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>