mirror of
https://github.com/supabase/supabase.git
synced 2026-07-03 01:34:31 +08:00
0e2c31bf60
* add initial installation flow of stripe sync engine * update docs link * Add supabase_vault extension dep * Add stripe logo to sync engine integration * Move overview content to bottom of integration pages * Add sync state to stripe sync page * only check sync state if stripe integration is installed * Use proper stripe-sync package and setup flows * Improve sync engine installation ux * Remove unused hardcoded dep * Add alpha status to stripe sync engine integration * fix typo * run format * fix types * Rename the stripe-sync path to remove the 'integration". The path needs to have BASE_PATH to work on prod. * Design tidy up (#41337) UI tidy up * update to latest sync engine package * Add stripe key verification * Remove noop try/catch * Add integration isntallation telelemtry * Add basic settings page * Address coderabbit comments * remove unused dep * Remove state setting on render * s/description/comment * Cleanup settings screen UI * Improve settings screen design * update schema test snapshot * Use latest stripe-sync-engine package * Update repo url to new official location * revert marketing change * Update stripe sync engine package * Add link to table from overview page * Add feature flag and improve telemetry * Fix missing useMemo dep * add uninstall telemetry note --------- Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com> Co-authored-by: Saxon Fletcher <saxonafletcher@gmail.com>
75 lines
2.3 KiB
TypeScript
75 lines
2.3 KiB
TypeScript
import { Book } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
import { ComponentPropsWithoutRef, ElementRef, forwardRef, ReactNode } from 'react'
|
|
|
|
import { cn } from 'ui'
|
|
import { IntegrationDefinition } from '../Landing/Integrations.constants'
|
|
|
|
interface BuiltBySectionProps extends ComponentPropsWithoutRef<'div'> {
|
|
integration: IntegrationDefinition
|
|
status?: string | ReactNode
|
|
}
|
|
|
|
export const BuiltBySection = forwardRef<ElementRef<'div'>, BuiltBySectionProps>(
|
|
({ integration, status, className, ...props }, ref) => {
|
|
const { docsUrl } = integration
|
|
const { name, websiteUrl } = integration?.author ?? {}
|
|
|
|
if (!name && !docsUrl && !websiteUrl) return null
|
|
|
|
return (
|
|
<div
|
|
ref={ref}
|
|
className={cn('flex flex-wrap items-center gap-8 md:gap-10 px-4 md:px-10', className)}
|
|
{...props}
|
|
>
|
|
{status && (
|
|
<div>
|
|
<div className="text-foreground-lighter font-mono text-xs mb-1">STATUS</div>
|
|
<div>{status}</div>
|
|
</div>
|
|
)}
|
|
{name && (
|
|
<div>
|
|
<div className="text-foreground-lighter font-mono text-xs mb-1">BUILT BY</div>
|
|
<div className="text-foreground-light text-sm">{name}</div>
|
|
</div>
|
|
)}
|
|
{docsUrl && (
|
|
<div>
|
|
<div className="text-foreground-lighter font-mono text-xs mb-1">DOCS</div>
|
|
<Link
|
|
href={docsUrl}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="text-foreground-light hover:text-foreground text-sm flex items-center gap-2"
|
|
>
|
|
<Book size={16} />
|
|
{docsUrl.includes('supabase.com/docs')
|
|
? 'Supabase Docs'
|
|
: docsUrl.includes('github.com')
|
|
? 'GitHub Docs'
|
|
: 'Documentation'}
|
|
</Link>
|
|
</div>
|
|
)}
|
|
{websiteUrl && (
|
|
<div>
|
|
<div className="text-foreground-lighter font-mono text-xs mb-1">WEBSITE</div>
|
|
<Link
|
|
href={websiteUrl}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="text-foreground-light hover:text-foreground text-sm"
|
|
>
|
|
{websiteUrl.replace('https://', '')}
|
|
</Link>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
)
|
|
|
|
BuiltBySection.displayName = 'BuiltBySection'
|