mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 09:55:06 +03:00
9318404e61
* first pass * init * updated types * fix up key reveal * Update QuickKeyCopy.tsx * remove quick key copy * api key pill now only allows reveal and copy if you have perm * Update LegacyAPIKeys.tsx * fix up layouts * fix copy * Fix action menu dropdown position, few small nudges * Remove unused files. * Remove the hardcoded and rename the feature flag for basic API keys. * add support for name and description, some smaller improvements * Fix the trims for the description. --------- Co-authored-by: Terry Sutton <saltcod@gmail.com> Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com> Co-authored-by: Stojan Dimitrovski <sdimitrovski@gmail.com>
37 lines
959 B
TypeScript
37 lines
959 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`,
|
|
id: 'legacy-keys',
|
|
},
|
|
{
|
|
label: 'New API Keys (Coming Soon)',
|
|
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
|