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

shared/editor/embeds/GoogleSlides.tsx

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