diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+layout.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+layout.svelte index 5c24d2f0f..12b32e0fb 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+layout.svelte +++ b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/+layout.svelte @@ -9,6 +9,7 @@ import type { Models } from '@appwrite.io/console'; import { base } from '$app/paths'; import { canWriteSites } from '$lib/stores/roles'; + import { IconList, IconPlus, IconSearch } from '@appwrite.io/pink-icons-svelte'; onMount(() => { let previousStatus = null; @@ -45,8 +46,8 @@ } }, keys: $page.url.pathname.endsWith($page.params.site) ? ['c'] : ['c', 'd'], - group: 'functions', - icon: 'plus', + group: 'sites', + icon: IconPlus, disabled: !$canWriteSites }, { @@ -57,22 +58,11 @@ ); scrollBy({ top: -100 }); }, - icon: 'search', - group: 'functions', - disabled: !$canWriteSites - }, - { - label: 'Events', - async callback() { - await goto( - `${base}/project-${$project.$id}/sites/site-${$page.params.site}/settings#events` - ); - scrollBy({ top: -100 }); - }, - icon: 'calendar', - group: 'functions', + icon: IconSearch, + group: 'sites', disabled: !$canWriteSites }, + { label: 'Variables', async callback() { @@ -80,42 +70,19 @@ `${base}/project-${$project.$id}/sites/site-${$page.params.site}/settings#variables` ); }, - icon: 'list', - group: 'functions', - disabled: !$canWriteSites - }, - { - label: 'Timeout', - callback() { - goto( - `${base}/project-${$project.$id}/sites/site-${$page.params.site}/settings#timeout` - ); - }, - icon: 'x-circle', - group: 'functions', - disabled: !$canWriteSites - }, - { - label: 'Schedule', - async callback() { - await goto( - `${base}/project-${$project.$id}/sites/site-${$page.params.site}/settings#schedule` - ); - scrollBy({ top: -100 }); - }, - icon: 'clock', - group: 'functions', + icon: IconList, + group: 'sites', disabled: !$canWriteSites }, { label: 'Go to deployments', callback() { - goto(`${base}/project-${$project.$id}/sites/site-${$page.params.site}`); + goto(`${base}/project-${$project.$id}/sites/site-${$page.params.site}/deployments`); }, keys: ['g', 'd'], group: 'navigation', rank: 10, - disabled: $page.url.pathname.endsWith($page.params.site) + disabled: $page.url.pathname.endsWith('deployments') }, { label: 'Go to usage', @@ -128,14 +95,14 @@ disabled: $page.url.pathname.endsWith('usage') }, { - label: 'Go to executions', + label: 'Go to logs', callback() { - goto(`${base}/project-${$project.$id}/sites/site-${$page.params.site}/executions`); + goto(`${base}/project-${$project.$id}/sites/site-${$page.params.site}/logs`); }, keys: ['g', 'e'], group: 'navigation', rank: 10, - disabled: $page.url.pathname.endsWith('executions') + disabled: $page.url.pathname.endsWith('logs') }, { label: 'Go to settings', diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte index 53b5667d8..7122848cd 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte +++ b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte @@ -21,6 +21,7 @@ let hasRepository = !!site?.providerRepositoryId; let selectedRepository: string = null; let branch: string = null; + let error = ''; onMount(async () => { installations = await sdk.forProject.vcs.listInstallations(); @@ -79,16 +80,13 @@ message: 'Deployment has been created successfully', type: 'success' }); - } catch (error) { - addNotification({ - message: error.message, - type: 'error' - }); + } catch (e) { + error = e.message; } } - + Enter a valid commit reference to create a new deployment from or use the CLI to deploy. Learn more diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/deploymentMetrics.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/deploymentMetrics.svelte index 8c18ec9ff..79018de29 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/deploymentMetrics.svelte +++ b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/deploymentMetrics.svelte @@ -20,32 +20,32 @@ { id: 'buildsTotal', value: null, - description: 'Total build count' + description: 'Total builds count' }, { id: 'buildsStorageTotal', value: null, - description: 'Total build size' + description: 'Total builds size' }, { id: 'buildsTimeTotal', value: null, - description: 'Total build time' + description: 'Total builds time' }, { id: 'avgTime', value: null, - description: 'Average build time' + description: 'Average builds time' }, { id: 'success', value: null, - description: 'Successful deployment' + description: 'Successful deployments' }, { id: 'failed', value: null, - description: 'Failed deployment' + description: 'Failed deployments' } ]; onMount(async () => { diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/table.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/table.svelte index 515923ad6..8ff3c3bdd 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/deployments/table.svelte +++ b/src/routes/(console)/project-[project]/sites/site-[site]/deployments/table.svelte @@ -22,6 +22,7 @@ } from '@appwrite.io/pink-icons-svelte'; import { columns } from './store'; import ActivateDeploymentModal from '../../activateDeploymentModal.svelte'; + import { deploymentStatusConverter } from '../store'; export let data: PageData; @@ -61,13 +62,7 @@ {#if data?.activeDeployment?.$id === deployment?.$id} {:else} - + {/if} {:else if column.id === 'domains'} diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/store.ts b/src/routes/(console)/project-[project]/sites/site-[site]/store.ts index c761e1733..7af4a9f12 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/store.ts +++ b/src/routes/(console)/project-[project]/sites/site-[site]/store.ts @@ -3,3 +3,17 @@ import type { Models } from '@appwrite.io/console'; import { derived } from 'svelte/store'; export const site = derived(page, ($page) => $page.data.site as Models.Site); + +export function deploymentStatusConverter(status: string) { + // Status component possible values - status: 'waiting' | 'ready' | 'processing' | 'pending' | 'failed' | 'complete'; + switch (status) { + case 'ready': + return 'ready'; + case 'processing': + return 'processing'; + case 'building': + return 'waiting'; + case 'failed': + return 'failed'; + } +}