Files
supabase/apps/studio/components/interfaces/Database/Backups/DatabaseBackupsNav.tsx
Jordi Enric 10bd13fba8 chore: use new nav in database backups page (#20552)
use new nav in database backups page
2024-01-22 11:19:11 +01:00

36 lines
773 B
TypeScript

import Link from 'next/link'
import React from 'react'
import { NavMenu, NavMenuItem } from 'ui'
type Props = {
projRef: string
active: 'scheduled' | 'pitr'
}
function DatabaseBackupsNav({ projRef, active }: Props) {
const navMenuItems = [
{
id: 'scheduled',
label: 'Scheduled backups',
href: `/project/${projRef}/database/backups/scheduled`,
},
{
id: 'pitr',
label: 'Point in time',
href: `/project/${projRef}/database/backups/pitr`,
},
]
return (
<NavMenu>
{navMenuItems.map((item) => (
<NavMenuItem key={item.label} active={item.id === active}>
<Link href={item.href}>{item.label}</Link>
</NavMenuItem>
))}
</NavMenu>
)
}
export default DatabaseBackupsNav