mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
26 lines
521 B
TypeScript
26 lines
521 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" url={url} />
|
||
|
|
}
|
||
|
|
|
||
|
|
const DefaultContent = () => (
|
||
|
|
<>
|
||
|
|
We are testing this new feature.
|
||
|
|
<br />
|
||
|
|
Click to give feedback
|
||
|
|
</>
|
||
|
|
)
|