From d11fa022217ebef4e09471e31bec80351f042c73 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 14 Aug 2023 17:58:08 +0100
Subject: [PATCH] more design review changes

---
 src/lib/commandCenter/commandCenter.svelte    |  1 -
 src/lib/commandCenter/panels/template.svelte  | 10 ++++++-
 src/lib/stores/sdk.ts                         |  6 ++---
 src/routes/console/+layout.svelte             | 17 ++++++++++--
 .../+layout.svelte                            | 26 +++++++++++++++++++
 5 files changed, 53 insertions(+), 7 deletions(-)

diff --git a/src/lib/commandCenter/commandCenter.svelte b/src/lib/commandCenter/commandCenter.svelte
index 3dcf142f9..72a7bcd72 100644
--- a/src/lib/commandCenter/commandCenter.svelte
+++ b/src/lib/commandCenter/commandCenter.svelte
@@ -126,7 +126,6 @@
         left: 50%;
         transform: translateX(-50%);
         padding: 0.5rem;
-        // background-color: hsl(var(--color-neutral-500) / 0.5);
         z-index: 9999;
 
         display: flex;
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 08d33d7b2..217c22c31 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -350,6 +350,9 @@
 
         --result-bg: hsl(var(--color-neutral-10));
         --footer-bg: linear-gradient(180deg, #fff 0%, #e8e9f0 100%);
+
+        --icon-color: hsl(var(--color-neutral-50));
+        --label-color: hsl(var(--color-neutral-100));
     }
 
     :global(.theme-dark) .card {
@@ -364,6 +367,9 @@
 
         --result-bg: hsl(var(--color-neutral-200));
         --footer-bg: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
+
+        --icon-color: hsl(var(--color-neutral-70));
+        --label-color: hsl(var(--color-neutral-30));
     }
 
     // Elements
@@ -485,11 +491,13 @@
 
                     box-shadow: none !important;
 
+                    color: var(--label-color);
+
                     :global(i[class^='icon-']) {
                         font-size: 1rem !important;
                         width: 1rem !important;
                         height: 1rem !important;
-
+                        color: var(--icon-color);
                         position: relative;
                     }
 
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 56c09cbc5..6142c9c1c 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -8,7 +8,7 @@ import {
     Functions,
     Health,
     Locale,
-    Migrations,
+    // Migrations,
     Projects,
     Project,
     Storage,
@@ -35,7 +35,7 @@ const sdkForProject = {
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
     users: new Users(clientProject),
-    migrations: new Migrations(clientProject)
+    // migrations: new Migrations(clientProject)
 };
 
 export const getSdkForProject = (projectId: string) => {
@@ -57,7 +57,7 @@ export const sdk = {
         projects: new Projects(clientConsole),
         teams: new Teams(clientConsole),
         users: new Users(clientConsole),
-        migrations: new Migrations(clientConsole)
+        // migrations: new Migrations(clientConsole)
     },
     get forProject() {
         const projectId = getProjectId();
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index efcd11c0d..bdb141501 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -26,7 +26,19 @@
 
     $: $registerCommands([
         {
-            label: 'Ask AI',
+            label: 'Go to projects',
+            callback: () => {
+                goto('/console');
+            },
+            keys: ['g', 'p'],
+            group: 'navigation',
+            disabled:
+                $page.url.pathname.includes('/console/organization-') &&
+                !$page.url.pathname.endsWith('/members') &&
+                !$page.url.pathname.endsWith('/settings')
+        },
+        {
+            label: 'Ask the AI',
             callback: () => {
                 addSubPanel(AIPanel);
             },
@@ -39,7 +51,8 @@
                 goto('/console/account');
             },
             keys: ['i'],
-            group: 'navigation'
+            group: 'navigation',
+            rank: 1
         },
         {
             label: 'Find an organization',
diff --git a/src/routes/console/organization-[organization]/+layout.svelte b/src/routes/console/organization-[organization]/+layout.svelte
index 8dc64cbec..dbc4fbb26 100644
--- a/src/routes/console/organization-[organization]/+layout.svelte
+++ b/src/routes/console/organization-[organization]/+layout.svelte
@@ -1,13 +1,39 @@
 <script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { registerCommands } from '$lib/commandCenter';
     import { newMemberModal, newOrgModal } from '$lib/stores/organization';
     import { requestedMigration } from '$routes/store';
     import { openMigrationWizard } from '../(migration-wizard)';
     import Create from '../createOrganization.svelte';
     import CreateMember from './createMember.svelte';
 
+    export let data;
+
     $: if ($requestedMigration) {
         openMigrationWizard();
     }
+
+    $: $registerCommands([
+        {
+            label: 'Go to members',
+            callback: () => {
+                goto(`/console/organization-${data.organization.$id}/members`);
+            },
+            keys: ['g', 'm'],
+            disabled: $page.url.pathname.endsWith('/members'),
+            group: 'navigation'
+        },
+        {
+            label: 'Go to settings',
+            callback: () => {
+                goto(`/console/organization-${data.organization.$id}/settings`);
+            },
+            keys: ['g', 's'],
+            disabled: $page.url.pathname.endsWith('/settings'),
+            group: 'navigation'
+        }
+    ]);
 </script>
 
 <svelte:head>