overleaf-cep/services/web/frontend/js/shared/components/feedback-badge.tsx
Tim Down 065464f722 Merge pull request #22147 from overleaf/td-bs5-beta-badge-special-cases
Alpha/beta badge fixes and change warning badge colours in Bootstrap 5

GitOrigin-RevId: f60610572c62607db7e5cf349c5791c3519c74ed
2024-11-27 09:05:04 +00:00

25 lines
532 B
TypeScript

import BetaBadge from './beta-badge'
import { FC, ReactNode, useMemo } from 'react'
export const FeedbackBadge: FC<{
url: string
id: string
text?: ReactNode
}> = ({ url, id, text }) => {
const tooltip = useMemo(() => {
return {
id: `${id}-tooltip`,
text: text || <DefaultContent />,
}
}, [id, text])
return <BetaBadge tooltip={tooltip} phase="release" link={{ href: url }} />
}
const DefaultContent = () => (
<>
We are testing this new feature.
<br />
Click to give feedback
</>
)