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

fix: move keys to api-keys for consistency and to fix broken link
This commit is contained in:
Steven Nguyen
2025-07-11 16:17:23 -07:00
committed by GitHub
18 changed files with 23 additions and 20 deletions
@@ -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';
@@ -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"
@@ -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;
@@ -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;
@@ -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>
@@ -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
}
];
@@ -9,7 +9,7 @@
<Cover>
<svelte:fragment slot="header">
<CoverTitle href={`${base}/project-${page.params.region}-${projectId}/overview/keys`}>
<CoverTitle href={`${base}/project-${page.params.region}-${projectId}/overview/api-keys`}>
{$key?.name}
</CoverTitle>
</svelte:fragment>
@@ -9,7 +9,7 @@
{#if $canWriteKeys}
<Button
href={`${base}/project-${page.params.region}-${page.params.project}/overview/keys/create`}>
href={`${base}/project-${page.params.region}-${page.params.project}/overview/api-keys/create`}>
<Icon icon={IconPlus} slot="start" size="s" />
Create API key
</Button>
@@ -43,9 +43,12 @@
trackEvent(Click.KeyCreateClick, {
source: 'onboarding'
});
goto(`${base}/project-${page.params.region}-${page.params.project}/overview/keys/create`, {
replaceState: true
});
goto(
`${base}/project-${page.params.region}-${page.params.project}/overview/api-keys/create`,
{
replaceState: true
}
);
}
export let platforms: Models.Platform[] = [];
@@ -49,8 +49,8 @@
<svelte:fragment slot="actions">
<Button
secondary
event="view_keys"
href={`${base}/project-${page.params.region}-${page.params.project}/overview/keys#integrations`}>
event="view_api_keys"
href={`${base}/project-${page.params.region}-${page.params.project}/overview/api-keys#integrations`}>
View API keys
</Button>
</svelte:fragment>