goddonebianu
0bf3b718b2
All checks were successful
continuous-integration/drone/push Build is passing
23 lines
679 B
TypeScript
23 lines
679 B
TypeScript
export default function SubtitleDisplay({ subtitle }: { subtitle: string }) {
|
|
const words = subtitle.match(/\b[\w']+(?:-[\w']+)*\b/g) || [];
|
|
let i = 0;
|
|
return (
|
|
<div className="w-full subtitle overflow-auto h-16 mt-2 wrap-break-word bg-black/50 font-sans text-white text-center text-2xl">
|
|
{words.map((v) => (
|
|
<span
|
|
onClick={() => {
|
|
window.open(
|
|
`https://www.youdao.com/result?word=${v}&lang=en`,
|
|
"_blank",
|
|
);
|
|
}}
|
|
key={i++}
|
|
className="hover:bg-gray-700 hover:underline hover:cursor-pointer"
|
|
>
|
|
{v + " "}
|
|
</span>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|