From 45d894dcef4e8a916bca3c5c48a00dfaf21de2a0 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 1 Apr 2025 11:16:23 +0200
Subject: [PATCH] fix: logs response

---
 src/lib/components/logs/logsResponse.svelte | 33 ++++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

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 @@
     </Layout.Stack>
 
     {#if responseTab === 'logs'}
-        {#if !logging}
-            <LoggingAlert {product} />
-        {/if}
         {#if selectedLog.logs}
             <Logs logs={selectedLog.logs} />
+        {:else if !logging}
+            <LoggingAlert {product} />
         {:else}
             <Card padding="xs" radius="s">
                 <Typography.Code>No logs found.</Typography.Code>
             </Card>
         {/if}
     {:else if responseTab === 'errors'}
-        {#if !logging}
-            <LoggingAlert {product} />
-        {/if}
         {#if selectedLog.errors}
             <Logs logs={selectedLog.errors} />
+        {:else if !logging}
+            <LoggingAlert {product} />
         {:else}
             <Card padding="xs" radius="s">
                 <Typography.Code>No errors found.</Typography.Code>