Merge pull request #2111 from appwrite/fix-api-keys-link

fix: move keys to api-keys for consistency and to fix broken link

Author: stnguyen90

src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateScopes.svelte

@@ -11,7 +11,7 @@
     import { func } from '../store';
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { Runtime } from '@appwrite.io/console';
-    import Scopes from '$routes/(console)/project-[region]-[project]/overview/keys/scopes.svelte';
+    import Scopes from '$routes/(console)/project-[region]-[project]/overview/api-keys/scopes.svelte';
     import { symmetricDifference } from '$lib/helpers/array';
     import { Link } from '$lib/elements';
 

src/routes/(console)/project-[region]-[project]/overview/(components)/create.svelte

@@ -13,7 +13,7 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { addNotification } from '$lib/stores/notifications';
     import { writable } from 'svelte/store';
-    import Scopes from '../keys/scopes.svelte';
+    import Scopes from '../api-keys/scopes.svelte';
     import { page } from '$app/state';
 
     const projectId = page.params.project;
@@ -41,7 +41,7 @@
 
             trackEvent(Submit.KeyCreate);
             await goto(
-                `${base}/project-${page.params.region}-${page.params.project}/overview/keys/${$id}`
+                `${base}/project-${page.params.region}-${page.params.project}/overview/api-keys/${$id}`
             );
             addNotification({
                 message: `API key has been created`,
@@ -59,7 +59,7 @@
 
 <Wizard
     title="Create API key"
-    href={`${base}/project-${page.params.region}-${page.params.project}/overview/keys/`}
+    href={`${base}/project-${page.params.region}-${page.params.project}/overview/api-keys/`}
     bind:showExitModal
     column
     columnSize="s"

src/routes/(console)/project-[region]-[project]/overview/(components)/keyDetails.svelte

@@ -14,7 +14,7 @@
     import UpdateExpirationDate from './updateExpirationDate.svelte';
     import type { Models } from '@appwrite.io/console';
     import { symmetricDifference } from '$lib/helpers/array';
-    import Scopes from '../keys/scopes.svelte';
+    import Scopes from '../api-keys/scopes.svelte';
     import { InteractiveText, Layout, Typography } from '@appwrite.io/pink-svelte';
 
     export let key: Models.DevKey | Models.Key;

src/routes/(console)/project-[region]-[project]/overview/(components)/table.svelte

@@ -20,7 +20,7 @@
 
     const isApiKey = keyType === 'api';
     const label = isApiKey ? 'API' : 'dev';
-    const slug = isApiKey ? 'keys' : 'dev-keys';
+    const slug = isApiKey ? 'api-keys' : 'dev-keys';
 
     function asApiKey(key: Models.Key | Models.DevKey) {
         return key as Models.Key;

src/routes/(console)/project-[region]-[project]/overview/+layout.svelte

@@ -70,7 +70,7 @@
             label: 'Create API Key',
             icon: IconPlus,
             callback() {
-                goto(`${path}/keys/create`);
+                goto(`${path}/api-keys/create`);
             },
             keys: ['c', 'k'],
             group: 'integrations',
@@ -229,12 +229,12 @@
                         selected={isTabSelected('platforms')}>Platforms</Tab>
                     <Tab
                         noscroll
-                        event="keys"
-                        href={`${path}/keys`}
-                        selected={isTabSelected('keys')}>API keys</Tab>
+                        event="api-keys"
+                        href={`${path}/api-keys`}
+                        selected={isTabSelected('api-keys')}>API keys</Tab>
                     <Tab
                         noscroll
-                        event="keys"
+                        event="dev-keys"
                         href={`${path}/dev-keys`}
                         selected={isTabSelected('dev-keys')}>Dev keys</Tab>
                 </Tabs>

src/routes/(console)/project-[region]-[project]/overview/keys/+page.svelte renamed to src/routes/(console)/project-[region]-[project]/overview/api-keys/+page.svelte

@@ -16,11 +16,11 @@
             title: $project?.name
         },
         {
-            href: `${base}/project-${page.params.region}-${page.params.project}/overview/keys`,
+            href: `${base}/project-${page.params.region}-${page.params.project}/overview/api-keys`,
             title: 'API keys'
         },
         {
-            href: `${base}/project-${page.params.region}-${page.params.project}/overview/keys/${$key?.$id}`,
+            href: `${base}/project-${page.params.region}-${page.params.project}/overview/api-keys/${$key?.$id}`,
             title: $key?.name
         }
     ];