From 0cf9fcef47403a440d0400569f3eab1310269aaa Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 21 Jan 2025 14:21:51 +0100
Subject: [PATCH] feat: add command shortcut, fix sites overview

---
 .../project-[project]/+layout.svelte          | 12 +++++++++++-
 .../project-[project]/sites/+page.svelte      | 19 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[project]/+layout.svelte b/src/routes/(console)/project-[project]/+layout.svelte
index 501cb0048..1abdc5523 100644
--- a/src/routes/(console)/project-[project]/+layout.svelte
+++ b/src/routes/(console)/project-[project]/+layout.svelte
@@ -21,7 +21,8 @@
         canSeeDatabases,
         canSeeFunctions,
         canSeeMessages,
-        canWriteProjects
+        canWriteProjects,
+        canWriteSites
     } from '$lib/stores/roles';
 
     onMount(() => {
@@ -88,6 +89,15 @@
             group: 'navigation',
             disabled: !$canWriteProjects
         },
+        {
+            label: 'Go to Sites',
+            callback: () => {
+                goto(`${base}/project-${$project.$id}/sites`);
+            },
+            keys: ['g', 'i'],
+            group: 'navigation',
+            disabled: !$canWriteSites
+        },
         {
             label: 'Go to Overview',
             callback: () => {
diff --git a/src/routes/(console)/project-[project]/sites/+page.svelte b/src/routes/(console)/project-[project]/sites/+page.svelte
index 45e6e9df8..d2bd05e0a 100644
--- a/src/routes/(console)/project-[project]/sites/+page.svelte
+++ b/src/routes/(console)/project-[project]/sites/+page.svelte
@@ -9,7 +9,12 @@
     import { canWriteSites } from '$lib/stores/roles.js';
     import { Icon, Popover, Image, ActionMenu } from '@appwrite.io/pink-svelte';
     import { Button } from '$lib/elements/forms';
-    import { IconDotsHorizontal, IconRefresh } from '@appwrite.io/pink-icons-svelte';
+    import {
+        IconCog,
+        IconDotsHorizontal,
+        IconGlobeAlt,
+        IconRefresh
+    } from '@appwrite.io/pink-icons-svelte';
     import { Card } from '@appwrite.io/pink-svelte';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
@@ -42,6 +47,8 @@
 
     // TODO: remove
     const TMPSITEROLES = true;
+
+    $: console.log(data.siteList);
 </script>
 
 <Container>
@@ -78,6 +85,16 @@
                                     <ActionMenu.Item.Button leadingIcon={IconRefresh} disabled>
                                         Redeploy
                                     </ActionMenu.Item.Button>
+                                    <ActionMenu.Item.Anchor
+                                        href={`${base}/project-${$page.params.project}/sites/site-${site.$id}/domains`}
+                                        leadingIcon={IconGlobeAlt}>
+                                        Domains
+                                    </ActionMenu.Item.Anchor>
+                                    <ActionMenu.Item.Anchor
+                                        href={`${base}/project-${$page.params.project}/sites/site-${site.$id}/settings`}
+                                        leadingIcon={IconCog}>
+                                        Settings
+                                    </ActionMenu.Item.Anchor>
                                 </ActionMenu.Root>
                             </svelte:fragment>
                         </Popover>