fix(dashboard): Update API keys domains with new design (#7123)

**What**
- Adds new design
- Separates secret and publishable keys into two domains (re-uses the same code).
- Adds skeleton layout for loading state of details page.
- Adds toasts.
This commit is contained in:
Kasper Fabricius Kristensen
2024-04-22 22:03:28 +02:00
committed by GitHub
parent 38c971f111
commit ef29981a54
24 changed files with 480 additions and 331 deletions

View File

@@ -745,10 +745,10 @@ export const v2Routes: RouteObject[] = [
],
},
{
path: "api-key-management",
path: "publishable-api-keys",
element: <Outlet />,
handle: {
crumb: () => "API Key Management",
crumb: () => "Publishable API Keys",
},
children: [
{
@@ -771,22 +771,6 @@ export const v2Routes: RouteObject[] = [
},
],
},
{
path: "secret",
lazy: () =>
import(
"../../v2-routes/api-key-management/api-key-management-list"
),
children: [
{
path: "create",
lazy: () =>
import(
"../../v2-routes/api-key-management/api-key-management-create"
),
},
],
},
],
},
{
@@ -819,6 +803,58 @@ export const v2Routes: RouteObject[] = [
},
],
},
{
path: "secret-api-keys",
element: <Outlet />,
handle: {
crumb: () => "Secret API Keys",
},
children: [
{
path: "",
element: <Outlet />,
children: [
{
path: "",
lazy: () =>
import(
"../../v2-routes/api-key-management/api-key-management-list"
),
children: [
{
path: "create",
lazy: () =>
import(
"../../v2-routes/api-key-management/api-key-management-create"
),
},
],
},
],
},
{
path: ":id",
lazy: () =>
import(
"../../v2-routes/api-key-management/api-key-management-detail"
),
handle: {
crumb: (data: AdminApiKeyResponse) => {
return data.api_key.title
},
},
children: [
{
path: "edit",
lazy: () =>
import(
"../../v2-routes/api-key-management/api-key-management-edit"
),
},
],
},
],
},
{
path: "taxes",
element: <Outlet />,