feat: offer a demo instance link from the live deployment
Some checks are pending
ci / backend (push) Waiting to run
ci / frontend (push) Waiting to run

This commit is contained in:
Justin Visser 2026-08-11 10:21:18 +02:00
parent cdace7d170
commit b60a492417
10 changed files with 63 additions and 8 deletions

View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { messages } from '../lib/messages'
defineProps<{ code: string; message: string }>()
defineProps<{ code: string; message: string; demoUrl?: string | null }>()
defineEmits<{ retry: [] }>()
</script>
@ -9,6 +9,9 @@ defineEmits<{ retry: [] }>()
<div class="error" role="alert" :data-error-code="code">
<p>{{ message }}</p>
<button type="button" @click="$emit('retry')">{{ messages.streamErrorRetry }}</button>
<a v-if="demoUrl" class="demo-link" :href="demoUrl">
{{ messages.streamErrorDemoInstance }}
</a>
</div>
</template>
@ -36,4 +39,16 @@ defineEmits<{ retry: [] }>()
border-radius: var(--r-md);
cursor: pointer;
}
.demo-link {
display: inline-block;
margin-top: var(--s-3);
margin-left: var(--s-3);
padding: 8px var(--s-4);
color: var(--c-text);
font-family: var(--f-mono);
font-size: var(--t-micro);
border: 1px solid var(--c-line-strong);
border-radius: var(--r-md);
}
</style>