mirror of
https://github.com/ruvnet/RuVector.git
synced 2026-05-25 23:24:03 +00:00
814f595995
Major additions: - Complete Next.js studio application with 1600+ components - Docker support (Dockerfile.combined, docker-compose.yml) - GCP deployment documentation and benchmarks - SQL benchmark scripts for performance testing - Sentry integration for monitoring - Comprehensive test suite and mocks Studio features: - Dashboard and admin interfaces - Data visualization components - Authentication and user management - API integration with RuVector backend - Static data and public assets 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import { ReactNode } from 'react'
|
|
|
|
import { cn } from 'ui'
|
|
import { Admonition } from 'ui-patterns'
|
|
import { UpgradePlanButton } from './UpgradePlanButton'
|
|
|
|
interface UpgradeToProProps {
|
|
icon?: ReactNode
|
|
primaryText: string
|
|
secondaryText: string
|
|
plan?: 'Pro' | 'Team' | 'Enterprise'
|
|
addon?: 'pitr' | 'customDomain' | 'spendCap' | 'computeSize'
|
|
/** Used in the default message template for request upgrade dialog, e.g: "Upgrade to ..." */
|
|
featureProposition?: string
|
|
/** As an override for the button text in both upgrade + request to upgrade scenario */
|
|
buttonText?: string
|
|
/** Where the upgrade interest is coming from */
|
|
source?: string
|
|
disabled?: boolean
|
|
fullWidth?: boolean
|
|
className?: string
|
|
layout?: 'vertical' | 'horizontal'
|
|
}
|
|
|
|
export const UpgradeToPro = ({
|
|
icon,
|
|
primaryText,
|
|
secondaryText,
|
|
plan: planToUpgrade = 'Pro',
|
|
addon,
|
|
featureProposition,
|
|
buttonText,
|
|
source = 'upgrade',
|
|
disabled = false,
|
|
fullWidth = false,
|
|
layout = 'horizontal',
|
|
className,
|
|
}: UpgradeToProProps) => {
|
|
return (
|
|
<Admonition
|
|
type="default"
|
|
icon={icon}
|
|
layout={layout}
|
|
title={primaryText}
|
|
description={secondaryText}
|
|
className={cn(
|
|
'bg-surface-100 mb-0',
|
|
fullWidth &&
|
|
'border-0 rounded-none border-b px-6 [&>svg]:left-6 [&>div>button]:w-min [&>div>button]:mt-3 [&>div>a]:w-min [&>div>a]:mt-3',
|
|
className
|
|
)}
|
|
actions={
|
|
<UpgradePlanButton
|
|
plan={planToUpgrade}
|
|
addon={addon}
|
|
source={source}
|
|
featureProposition={featureProposition}
|
|
disabled={disabled}
|
|
>
|
|
{buttonText}
|
|
</UpgradePlanButton>
|
|
}
|
|
/>
|
|
)
|
|
}
|