diff --git a/src/lib/components/logs/logsResponse.svelte b/src/lib/components/logs/logsResponse.svelte
index c75e93b47..605ddaea9 100644
--- a/src/lib/components/logs/logsResponse.svelte
+++ b/src/lib/components/logs/logsResponse.svelte
@@ -16,13 +16,26 @@
import { onMount } from 'svelte';
import LoggingAlert from './loggingAlert.svelte';
- export let selectedLog: Models.Execution;
- export let product: 'site' | 'function';
- export let logging: boolean;
- let responseTab: 'logs' | 'errors' | 'headers' | 'body' = 'logs';
+ // export let selectedLog: Models.Execution;
+ // export let product: 'site' | 'function';
+ // export let logging: boolean;
+
+ let {
+ selectedLog,
+ product,
+ logging
+ }: {
+ selectedLog: Models.Execution;
+ product: 'site' | 'function';
+ logging: boolean;
+ } = $props();
+
+ let responseTab: 'logs' | 'errors' | 'headers' | 'body' = $state('logs');
onMount(() => {
- if (selectedLog?.logs) {
+ if (selectedLog?.errors) {
+ responseTab = 'errors';
+ } else if (selectedLog?.logs) {
responseTab = 'logs';
} else if (selectedLog.requestHeaders?.length) {
responseTab = 'headers';
@@ -69,22 +82,20 @@
{#if responseTab === 'logs'}
- {#if !logging}
-
- {/if}
{#if selectedLog.logs}
+ {:else if !logging}
+
{:else}
No logs found.
{/if}
{:else if responseTab === 'errors'}
- {#if !logging}
-
- {/if}
{#if selectedLog.errors}
+ {:else if !logging}
+
{:else}
No errors found.