Files
supabase/apps/studio/components/layouts/APIKeys/APIKeysLayout.tsx
T
Stojan DimitrovskiandJoshen Lim e0a3ab2c74 fix: additional fixes for api keys, jwt signing keys (#37069)
* fix: additional fixes for api keys, jwt signing keys

* Smol fix

* fix issue with screen

* Fix success handler for migrate JWT secret

* Tiny

* text fix

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2025-07-14 10:04:24 +02:00

37 lines
948 B
TypeScript

import { PageLayout } from 'components/layouts/PageLayout/PageLayout'
import { ScaffoldContainer } from 'components/layouts/Scaffold'
import { PropsWithChildren } from 'react'
import { useParams } from 'common'
const ApiKeysLayout = ({ children }: PropsWithChildren) => {
const { ref: projectRef } = useParams()
const navigationItems = [
{
label: 'Legacy API Keys',
href: `/project/${projectRef}/settings/api-keys`,
id: 'legacy-keys',
},
{
label: 'API Keys',
href: `/project/${projectRef}/settings/api-keys/new`,
id: 'new-keys',
},
]
return (
<PageLayout
title="API Keys"
subtitle="Configure API keys to securely control access to your project"
navigationItems={navigationItems}
>
<ScaffoldContainer className="flex flex-col py-8 gap-8" bottomPadding>
{children}
</ScaffoldContainer>
</PageLayout>
)
}
export default ApiKeysLayout