24 lines
No EOL
813 B
TypeScript
24 lines
No EOL
813 B
TypeScript
export function Giscus({ searchTerm }: { searchTerm: string }) {
|
|
let config: Record<string, string> = {
|
|
"repo": "fucksophie/blog_comments",
|
|
"repo-id": "R_kgDOMY4cfw",
|
|
"category": "General",
|
|
"category-id": "DIC_kwDOMY4cf84ChCRR",
|
|
"mapping": "specific",
|
|
"term": searchTerm,
|
|
"strict": "1",
|
|
"reactions-enabled": "1",
|
|
"emit-metadata": "0",
|
|
"input-position": "bottom",
|
|
"theme": "noborder_dark",
|
|
"lang": "en",
|
|
"loading": "lazy",
|
|
}
|
|
for (const x of Object.entries(config)) {
|
|
delete config[x[0]];
|
|
config["data-" + x[0]] = x[1];
|
|
}
|
|
return <div style="max-height:20vh;">
|
|
<script src="https://giscus.app/client.js" {...config} crossorigin="anonymous" async></script>
|
|
</div>
|
|
} |