458f2cc1e8
Co-authored-by: Juri <juri.strumpflohner@gmail.com> Co-authored-by: Nicholas Cunningham <ndcunningham@gmail.com> Co-authored-by: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
34 lines
656 B
TypeScript
34 lines
656 B
TypeScript
import Script from 'next/script';
|
|
import { Schema } from '@markdoc/markdoc';
|
|
|
|
export const tweet: Schema = {
|
|
render: 'Tweet',
|
|
attributes: {
|
|
url: {
|
|
type: 'String',
|
|
required: true,
|
|
},
|
|
},
|
|
};
|
|
|
|
export function Tweet(props: { url: string }) {
|
|
return (
|
|
<>
|
|
<blockquote
|
|
className="twitter-tweet border-0"
|
|
data-conversation="none"
|
|
data-theme="light"
|
|
data-lang="en"
|
|
data-dnt="true"
|
|
>
|
|
<a href={props.url}>Loading tweet...</a>
|
|
</blockquote>
|
|
<Script
|
|
async
|
|
src="https://platform.twitter.com/widgets.js"
|
|
charSet="utf-8"
|
|
/>
|
|
</>
|
|
);
|
|
}
|