Functional Component Refactor: Google Docs, Drive, Sheets, & Slides (#4259)

shared/editor/embeds/GoogleDocs.tsx

@@ -3,28 +3,28 @@ import Frame from "../components/Frame";
 import Image from "../components/Image";
 import { EmbedProps as Props } from ".";
 
-const URL_REGEX = new RegExp("^https?://docs\\.google\\.com/document/(.*)$");
-
-export default class GoogleDocs extends React.Component<Props> {
-  static ENABLED = [URL_REGEX];
-
-  render() {
-    return (
-      <Frame
-        {...this.props}
-        src={this.props.attrs.href.replace("/edit", "/preview")}
-        icon={
-          <Image
-            src="/images/google-docs.png"
-            alt="Google Docs Icon"
-            width={16}
-            height={16}
-          />
-        }
-        canonicalUrl={this.props.attrs.href}
-        title="Google Docs"
-        border
-      />
-    );
-  }
+function GoogleDocs(props: Props) {
+  return (
+    <Frame
+      {...props}
+      src={props.attrs.href.replace("/edit", "/preview")}
+      icon={
+        <Image
+          src="/images/google-docs.png"
+          alt="Google Docs Icon"
+          width={16}
+          height={16}
+        />
+      }
+      canonicalUrl={props.attrs.href}
+      title="Google Docs"
+      border
+    />
+  );
 }
+
+GoogleDocs.ENABLED = [
+  new RegExp("^https?://docs\\.google\\.com/document/(.*)$"),
+];
+
+export default GoogleDocs;