20 lines
468 B
TypeScript
20 lines
468 B
TypeScript
|
import { NodeViewWrapper } from '@tiptap/react'
|
||
|
|
import { TwitterTweetEmbed } from 'react-twitter-embed'
|
||
|
|
|
||
|
|
export default function WrappedTwitterTweetEmbed(props: {
|
||
|
|
node: {
|
||
|
|
attrs: {
|
||
|
|
tweetId: string
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}): JSX.Element {
|
||
|
|
// Remove the leading 't' from the tweet id
|
||
|
|
const tweetId = props.node.attrs.tweetId.slice(1)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<NodeViewWrapper className="tiptap-tweet">
|
||
|
|
<TwitterTweetEmbed tweetId={tweetId} />
|
||
|
|
</NodeViewWrapper>
|
||
|
|
)
|
||
|
|
}
|