Refactor Bilibili class component to functional (#4227)

shared/editor/embeds/Bilibili.tsx

@@ -4,18 +4,16 @@ import { EmbedProps as Props } from ".";
 
 const URL_REGEX = /(?:https?:\/\/)?(www\.bilibili\.com)\/video\/([\w\d]+)?(\?\S+)?/i;
 
-export default class Vimeo extends React.Component<Props> {
-  static ENABLED = [URL_REGEX];
-
-  render() {
-    const { matches } = this.props.attrs;
-    const videoId = matches[2];
-    return (
-      <Frame
-        {...this.props}
-        src={`https://player.bilibili.com/player.html?bvid=${videoId}&page=1&high_quality=1`}
-        title={`Bilibili Embed (${videoId})`}
-      />
-    );
-  }
+export default function Bilibili(props: Props) {
+  const { matches } = props.attrs;
+  const videoId = matches[2];
+  return (
+    <Frame
+      {...props}
+      src={`https://player.bilibili.com/player.html?bvid=${videoId}&page=1&high_quality=1`}
+      title={`Bilibili Embed (${videoId})`}
+    />
+  );
 }
+
+Bilibili.ENABLED = [URL_REGEX];