From d77b57a2c7d1a3a1c531dbdebd84cf2930ffbb8f Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 24 Mar 2025 11:27:29 +0100
Subject: [PATCH] fix: QA fixes

---
 .../(components)/LogsRequest.svelte           | 24 +++++++++++++++++--
 .../(components)/LogsResponse.svelte          | 12 +++++++++-
 .../function-[function]/executions/store.ts   | 17 ++++++-------
 .../site-[site]/deploymentsOverview.svelte    | 10 +++++++-
 .../sites/site-[site]/domains/store.ts        |  6 ++---
 .../logs/(components)/LogsRequest.svelte      | 12 +++++++++-
 .../logs/(components)/LogsResponse.svelte     | 12 +++++++++-
 .../sites/site-[site]/settings/+page.svelte   |  2 --
 .../project-[project]/updateVariables.svelte  |  6 ++++-
 9 files changed, 81 insertions(+), 20 deletions(-)

diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsRequest.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsRequest.svelte
index d6d65981e..85bd2482a 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsRequest.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsRequest.svelte
@@ -67,7 +67,17 @@
     </Layout.Stack>
     {#if requestTab === 'parameters'}
         {#if parameters?.length}
-            <Table.Root columns={2} let:root>
+            <Table.Root
+                columns={[
+                    {
+                        id: 'key',
+                        width: 200
+                    },
+                    {
+                        id: 'value'
+                    }
+                ]}
+                let:root>
                 <svelte:fragment slot="header" let:root>
                     <Table.Header.Cell {root}>Key</Table.Header.Cell>
                     <Table.Header.Cell {root}>Value</Table.Header.Cell>
@@ -86,7 +96,17 @@
         {/if}
     {:else if requestTab === 'headers'}
         {#if selectedLog.requestHeaders?.length}
-            <Table.Root columns={2} let:root>
+            <Table.Root
+                columns={[
+                    {
+                        id: 'key',
+                        width: 200
+                    },
+                    {
+                        id: 'value'
+                    }
+                ]}
+                let:root>
                 <svelte:fragment slot="header" let:root>
                     <Table.Header.Cell {root}>Key</Table.Header.Cell>
                     <Table.Header.Cell {root}>Value</Table.Header.Cell>
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsResponse.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsResponse.svelte
index 566ea1816..9a082779d 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsResponse.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/executions/(components)/LogsResponse.svelte
@@ -81,7 +81,17 @@
         {/if}
     {:else if responseTab === 'headers'}
         {#if selectedLog.responseHeaders?.length}
-            <Table.Root columns={2} let:root>
+            <Table.Root
+                columns={[
+                    {
+                        id: 'key',
+                        width: 200
+                    },
+                    {
+                        id: 'value'
+                    }
+                ]}
+                let:root>
                 <svelte:fragment slot="header" let:root>
                     <Table.Header.Cell {root}>Key</Table.Header.Cell>
                     <Table.Header.Cell {root}>Value</Table.Header.Cell>
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/executions/store.ts b/src/routes/(console)/project-[project]/functions/function-[function]/executions/store.ts
index 397a1d822..fa5843428 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/executions/store.ts
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/executions/store.ts
@@ -2,12 +2,12 @@ import type { Column } from '$lib/helpers/types';
 import { writable } from 'svelte/store';
 
 export const columns = writable<Column[]>([
-    { id: '$id', title: 'Execution ID', type: 'string', width: 200 },
+    { id: '$id', title: 'Execution ID', type: 'string', width: { min: 200, max: 250 } },
     {
         id: 'requestPath',
         title: 'Path',
         type: 'string',
-        width: 90,
+        width: { min: 100, max: 200 },
         format: 'string'
     },
 
@@ -16,7 +16,7 @@ export const columns = writable<Column[]>([
         title: 'Trigger',
         type: 'string',
         hide: true,
-        width: 90,
+        width: { min: 90, max: 200 },
         array: true,
         format: 'enum',
         elements: [
@@ -30,7 +30,7 @@ export const columns = writable<Column[]>([
         title: 'Method',
         type: 'string',
         hide: true,
-        width: 70,
+        width: { min: 90, max: 200 },
         array: true,
         format: 'enum',
         elements: ['GET', 'POST', 'PUT', 'PATCH', 'DELETE']
@@ -40,7 +40,7 @@ export const columns = writable<Column[]>([
         title: 'Status code',
         type: 'integer',
         hide: true,
-        width: 100,
+        width: { min: 100, max: 200 },
         format: 'integer',
         elements: [
             {
@@ -66,7 +66,7 @@ export const columns = writable<Column[]>([
         id: 'status',
         title: 'Status',
         type: 'enum',
-        width: 130,
+        width: { min: 130, max: 200 },
         array: true,
         format: 'enum',
         elements: ['completed', 'failed', 'waiting', 'scheduled', 'processing', 'cancelled']
@@ -75,7 +75,8 @@ export const columns = writable<Column[]>([
         id: 'duration',
         title: 'Duration',
         type: 'integer',
-        width: 80,
+        width: { min: 80, max: 200 },
+
         format: 'integer',
         elements: [
             {
@@ -96,7 +97,7 @@ export const columns = writable<Column[]>([
         id: '$createdAt',
         title: 'Created',
         type: 'datetime',
-        width: 120,
+        width: { min: 120, max: 200 },
         format: 'datetime',
         elements: [
             {
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deploymentsOverview.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deploymentsOverview.svelte
index c62c89f89..bd209195b 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/deploymentsOverview.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/deploymentsOverview.svelte
@@ -43,7 +43,15 @@
         </Button>
     </Layout.Stack>
     {#if deploymentList?.total}
-        <Table.Root columns={5} let:root>
+        <Table.Root
+            columns={[
+                { id: '$id', width: 200 },
+                { id: 'status' },
+                { id: 'source' },
+                { id: 'createdBy' },
+                { id: 'actions' }
+            ]}
+            let:root>
             <svelte:fragment slot="header" let:root>
                 <Table.Header.Cell {root}>Deployment ID</Table.Header.Cell>
                 <Table.Header.Cell {root}>Status</Table.Header.Cell>
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/domains/store.ts b/src/routes/(console)/project-[project]/sites/site-[site]/domains/store.ts
index b9a352d6e..8d7cb0d66 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/domains/store.ts
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/domains/store.ts
@@ -7,19 +7,19 @@ export const columns = writable<Column[]>([
         title: 'Domain',
         type: 'string',
         format: 'string',
-        width: { min: 200, max: 700 }
+        width: { min: 200, max: 550 }
     },
 
     {
         id: 'redirectUrl',
         title: 'Redirect to',
         type: 'string',
-        width: { min: 120, max: 300 }
+        width: { min: 120, max: 400 }
     },
     {
         id: 'deploymentVcsProviderBranch',
         title: 'Production branch',
         type: 'string',
-        width: { min: 90, max: 200 }
+        width: { min: 90, max: 220 }
     }
 ]);
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsRequest.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsRequest.svelte
index d6d65981e..2c6ff7f40 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsRequest.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsRequest.svelte
@@ -86,7 +86,17 @@
         {/if}
     {:else if requestTab === 'headers'}
         {#if selectedLog.requestHeaders?.length}
-            <Table.Root columns={2} let:root>
+            <Table.Root
+                columns={[
+                    {
+                        id: 'key',
+                        width: 200
+                    },
+                    {
+                        id: 'value'
+                    }
+                ]}
+                let:root>
                 <svelte:fragment slot="header" let:root>
                     <Table.Header.Cell {root}>Key</Table.Header.Cell>
                     <Table.Header.Cell {root}>Value</Table.Header.Cell>
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsResponse.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsResponse.svelte
index c43f1b225..94cd2b55e 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsResponse.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/logs/(components)/LogsResponse.svelte
@@ -73,7 +73,17 @@
         {/if}
     {:else if responseTab === 'headers'}
         {#if selectedLog.responseHeaders?.length}
-            <Table.Root columns={2} let:root>
+            <Table.Root
+                columns={[
+                    {
+                        id: 'key',
+                        width: 200
+                    },
+                    {
+                        id: 'value'
+                    }
+                ]}
+                let:root>
                 <svelte:fragment slot="header" let:root>
                     <Table.Header.Cell {root}>Key</Table.Header.Cell>
                     <Table.Header.Cell {root}>Value</Table.Header.Cell>
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/settings/+page.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/settings/+page.svelte
index d83bb7a02..676d1c3a0 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/settings/+page.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/settings/+page.svelte
@@ -52,8 +52,6 @@
             showConnectRepo.set(true);
         }
     });
-
-    $: console.log(data);
 </script>
 
 <Container>
diff --git a/src/routes/(console)/project-[project]/updateVariables.svelte b/src/routes/(console)/project-[project]/updateVariables.svelte
index bc4d2f728..31ea165d9 100644
--- a/src/routes/(console)/project-[project]/updateVariables.svelte
+++ b/src/routes/(console)/project-[project]/updateVariables.svelte
@@ -309,7 +309,11 @@
                     </Alert.Inline>
                 {/if}
                 <Table.Root
-                    columns={[{ id: 'key' }, { id: 'value' }, { id: 'actions', width: 30 }]}
+                    columns={[
+                        { id: 'key', width: { min: 200, max: 400 } },
+                        { id: 'value', width: { min: 200, max: 400 } },
+                        { id: 'actions', width: 50 }
+                    ]}
                     let:root>
                     <svelte:fragment slot="header" let:root>
                         <Table.Header.Cell column="key" {root}>Key</Table.Header.Cell>