Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2024-12-31 10:03:53 -05:00
Code Issues Activity

Dont display stream preview if there is no stream

Browse source
This commit is contained in:
dragongoose 2023-03-31 09:06:50 -04:00
parent fba695a80e
commit 4053bd2d46
1 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/StreamPreview.vue
View file

@ -6,6 +6,10 @@ export interface Stream {
startedAt: number
viewers: number
preview: string
streamer: {
pfp: string
name: string
}
}
export default {
@ -16,17 +20,18 @@ export default {
}
},
async setup(props) {
let streamData: Stream
let streamData: Stream | null = null
if (!props.stream && props.name) {
const streamDataFetch = await fetch(
`${import.meta.env.VITE_BACKEND_URL}/api/users/${props.name}`
)
const data = await streamDataFetch.json()
if (!data.stream) return
data.stream.streamer = { name: props.name, pfp: data.pfp }
streamData = data.stream
if(data.stream) {
data.stream.streamer = { name: props.name, pfp: data.pfp }
streamData = data.stream
}
} else {
streamData = props.stream as Stream
}
@ -51,7 +56,8 @@ export default {
</script>
<template>
<div class="bg-ctp-crust rounded-lg w-[27rem]">
<div v-if="streamData">
<div class="bg-ctp-crust rounded-lg w-[27rem]">
<a :href="`${this.frontend_url}/${streamData.streamer.name}`">
<img :src="streamData.preview" class="rounded-lg rounded-b-none" />
</a>
@ -73,4 +79,5 @@ export default {
</div>
</div>
</div>
</div>
</template>