|
@@ -11,9 +11,23 @@ type TooltipProps = {
|
|
|
type BetaBadgeProps = {
|
|
type BetaBadgeProps = {
|
|
|
tooltip: TooltipProps
|
|
tooltip: TooltipProps
|
|
|
url?: string
|
|
url?: string
|
|
|
|
|
+ phase?: string
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-function BetaBadge({ tooltip, url = '/beta/participate' }: BetaBadgeProps) {
|
|
|
|
|
|
|
+function BetaBadge({
|
|
|
|
|
+ tooltip,
|
|
|
|
|
+ url = '/beta/participate',
|
|
|
|
|
+ phase = 'beta',
|
|
|
|
|
+}: BetaBadgeProps) {
|
|
|
|
|
+ let badgeClass
|
|
|
|
|
+ switch (phase) {
|
|
|
|
|
+ case 'release':
|
|
|
|
|
+ badgeClass = 'info-badge'
|
|
|
|
|
+ break
|
|
|
|
|
+ default:
|
|
|
|
|
+ badgeClass = 'beta-badge'
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
return (
|
|
return (
|
|
|
<Tooltip
|
|
<Tooltip
|
|
|
id={tooltip.id}
|
|
id={tooltip.id}
|
|
@@ -28,7 +42,7 @@ function BetaBadge({ tooltip, url = '/beta/participate' }: BetaBadgeProps) {
|
|
|
href={url}
|
|
href={url}
|
|
|
target="_blank"
|
|
target="_blank"
|
|
|
rel="noopener noreferrer"
|
|
rel="noopener noreferrer"
|
|
|
- className="badge beta-badge"
|
|
|
|
|
|
|
+ className={`badge ${badgeClass}`}
|
|
|
>
|
|
>
|
|
|
<span className="sr-only">{tooltip.text}</span>
|
|
<span className="sr-only">{tooltip.text}</span>
|
|
|
</a>
|
|
</a>
|