Functional Component Refactor: Marvel, Mindmeister, Miro, ModeAnalytics (#4263)

shared/editor/embeds/ModeAnalytics.tsx

@@ -2,22 +2,20 @@ import * as React from "react";
 import Frame from "../components/Frame";
 import { EmbedProps as Props } from ".";
 
-const URL_REGEX = new RegExp(
-  "^https://([w.-]+\\.)?modeanalytics\\.com/(.*)/reports/(.*)$"
-);
-
-export default class ModeAnalytics extends React.Component<Props> {
-  static ENABLED = [URL_REGEX];
-
-  render() {
-    // Allow users to paste embed or standard urls and handle them the same
-    const normalizedUrl = this.props.attrs.href.replace(/\/embed$/, "");
-    return (
-      <Frame
-        {...this.props}
-        src={`${normalizedUrl}/embed`}
-        title="Mode Analytics Embed"
-      />
-    );
-  }
+function ModeAnalytics(props: Props) {
+  // Allow users to paste embed or standard urls and handle them the same
+  const normalizedUrl = props.attrs.href.replace(/\/embed$/, "");
+  return (
+    <Frame
+      {...props}
+      src={`${normalizedUrl}/embed`}
+      title="Mode Analytics Embed"
+    />
+  );
 }
+
+ModeAnalytics.ENABLED = [
+  new RegExp("^https://([w.-]+\\.)?modeanalytics\\.com/(.*)/reports/(.*)$"),
+];
+
+export default ModeAnalytics;