mirror of
https://github.com/supabase/supabase.git
synced 2026-10-13 05:09:12 +03:00
37 lines
948 B
TypeScript
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: 'API Keys',
|
|
href: `/project/${projectRef}/settings/api-keys/new`,
|
|
id: 'new-keys',
|
|
},
|
|
{
|
|
label: 'Legacy API Keys',
|
|
href: `/project/${projectRef}/settings/api-keys`,
|
|
id: 'legacy-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
|