fix: QA issues

Author: ArmanNik

src/lib/constants.ts

@@ -376,6 +376,18 @@ export const scopes: {
         description: "Access to create, update, and delete your project's sites and deployments",
         category: 'Sites',
         icon: 'globe'
+    },
+    {
+        scope: 'log.read',
+        description: "Access to read your sites's  logs",
+        category: 'Sites',
+        icon: 'globe'
+    },
+    {
+        scope: 'log.write',
+        description: "Access to execute your project's sites",
+        category: 'Sites',
+        icon: 'globe'
     }
 ];
 

src/routes/(console)/project-[project]/overview/keys/scopes.svelte

@@ -77,6 +77,8 @@
             }
         }
     }
+
+    $: console.log(scopes);
 </script>
 
 <Layout.Stack>
@@ -90,7 +92,7 @@
     <Layout.Stack gap="none">
         <Divider />
 
-        {#each [Category.Auth, Category.Database, Category.Functions, Category.Storage, Category.Messaging, Category.Other] as category}
+        {#each [Category.Auth, Category.Database, Category.Functions, Category.Storage, Category.Messaging, Category.Sites, Category.Other] as category}
             {@const checked = categoryState(category, scopes)}
             {@const scopesLength = allScopes.filter(
                 (n) => n.category === category && scopes.includes(n.scope)

src/routes/(console)/project-[project]/sites/site-[site]/deployments/cancelDeploymentModal.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
-    import { Modal } from '$lib/components';
+    import { Confirm } from '$lib/components';
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
@@ -10,6 +10,7 @@
 
     export let showCancel = false;
     export let selectedDeployment: Models.Deployment;
+    let error = '';
 
     async function handleSubmit() {
         try {
@@ -24,20 +25,17 @@
                 message: `Deployment has been cancelled`
             });
             trackEvent(Submit.DeploymentCancel);
-        } catch (error) {
-            addNotification({
-                type: 'error',
-                message: error.message
-            });
-            trackError(error, Submit.DeploymentCancel);
+        } catch (e) {
+            error = e.message;
+            trackError(e, Submit.DeploymentCancel);
         }
     }
 </script>
 
-<Modal title="Cancel deployment" bind:show={showCancel} onSubmit={handleSubmit}>
+<Confirm title="Cancel deployment" bind:open={showCancel} onSubmit={handleSubmit} bind:error>
     <p data-private>Are you sure you want to cancel this deployment?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showCancel = false)}>Cancel</Button>
         <Button secondary submit>Continue</Button>
     </svelte:fragment>
-</Modal>
+</Confirm>

src/routes/(console)/project-[project]/sites/site-[site]/logs/store.ts

@@ -88,7 +88,8 @@ export const columns = writable<Column[]>([
                 value: 30,
                 label: 'more than 30 seconds'
             }
-        ]
+        ],
+        hide: true
     },
     {
         id: '$createdAt',

src/routes/(console)/project-[project]/sites/site-[site]/settings/updateBuildSettings.svelte

@@ -253,7 +253,6 @@
                             <InputText
                                 id="fallback"
                                 label="Fallback file"
-                                required
                                 placeholder="index.html"
                                 bind:value={fallback}>
                                 <Tooltip slot="info">