mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35:10 +03:00
Gildas Garcia
426f150e02
## Problem The `_Shadcn_` suffix isn't needed anymore on breadcrumb components ## Solution Remove it. No other changes <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Refactor** * Standardized breadcrumb component exports across the codebase by removing internal aliasing and using direct component exports. No UI, behavior, or public API changes; end-user experience unchanged. <!-- review_stack_entry_start --> [](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/45984) <!-- review_stack_entry_end --> <!-- end of auto-generated comment: release notes by coderabbit.ai -->
87 lines
2.6 KiB
TypeScript
87 lines
2.6 KiB
TypeScript
import Link from 'next/link'
|
|
import { ReactNode } from 'react'
|
|
import {
|
|
Badge,
|
|
BreadcrumbItem,
|
|
BreadcrumbLink,
|
|
BreadcrumbList,
|
|
BreadcrumbPage,
|
|
BreadcrumbSeparator,
|
|
} from 'ui'
|
|
import {
|
|
PageHeader,
|
|
PageHeaderAside,
|
|
PageHeaderBreadcrumb,
|
|
PageHeaderDescription,
|
|
PageHeaderMeta,
|
|
PageHeaderSummary,
|
|
PageHeaderTitle,
|
|
} from 'ui-patterns/PageHeader'
|
|
|
|
import { DocsButton } from '@/components/ui/DocsButton'
|
|
import { FeaturePreviewBadge } from '@/components/ui/FeaturePreviewBadge'
|
|
|
|
interface PlatformWebhooksHeaderProps {
|
|
hasSelectedEndpoint: boolean
|
|
headerTitle: string
|
|
headerDescription: string
|
|
endpointStatus?: 'enabled' | 'disabled'
|
|
endpointActions?: ReactNode
|
|
webhooksHref: string
|
|
scopeLabel: string
|
|
featureKey: string
|
|
}
|
|
|
|
export const PlatformWebhooksHeader = ({
|
|
hasSelectedEndpoint,
|
|
headerTitle,
|
|
headerDescription,
|
|
endpointStatus,
|
|
endpointActions,
|
|
webhooksHref,
|
|
scopeLabel,
|
|
featureKey,
|
|
}: PlatformWebhooksHeaderProps) => {
|
|
return (
|
|
<PageHeader size="default" className="pb-6">
|
|
{hasSelectedEndpoint && (
|
|
<PageHeaderBreadcrumb>
|
|
<BreadcrumbList>
|
|
<BreadcrumbItem>
|
|
<BreadcrumbLink asChild>
|
|
<Link href={webhooksHref}>{scopeLabel}</Link>
|
|
</BreadcrumbLink>
|
|
</BreadcrumbItem>
|
|
<BreadcrumbSeparator />
|
|
<BreadcrumbItem>
|
|
<BreadcrumbPage>Endpoint</BreadcrumbPage>
|
|
</BreadcrumbItem>
|
|
</BreadcrumbList>
|
|
</PageHeaderBreadcrumb>
|
|
)}
|
|
<PageHeaderMeta>
|
|
<PageHeaderSummary className="min-w-0">
|
|
<PageHeaderTitle className="min-w-0 w-full">
|
|
<span className="flex w-full min-w-0 items-center gap-x-4">
|
|
<span className="block min-w-0 truncate leading-tight">{headerTitle}</span>
|
|
{hasSelectedEndpoint && endpointStatus && (
|
|
<Badge
|
|
className="shrink-0 self-center"
|
|
variant={endpointStatus === 'enabled' ? 'success' : 'default'}
|
|
>
|
|
{endpointStatus === 'enabled' ? 'Enabled' : 'Disabled'}
|
|
</Badge>
|
|
)}
|
|
{!hasSelectedEndpoint && <FeaturePreviewBadge featureKey={featureKey} />}
|
|
</span>
|
|
</PageHeaderTitle>
|
|
<PageHeaderDescription>{headerDescription}</PageHeaderDescription>
|
|
</PageHeaderSummary>
|
|
<PageHeaderAside>
|
|
{hasSelectedEndpoint ? endpointActions : <DocsButton href="https://supabase.com/docs" />}
|
|
</PageHeaderAside>
|
|
</PageHeaderMeta>
|
|
</PageHeader>
|
|
)
|
|
}
|