yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
mastqe
2022-10-15 10:01:53 -04:00
committed by GitHub
parent 557ad75fc2
commit 7b69f7a6e2
4 changed files with 63 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
shared/editor/embeds/Miro.tsx
View File

@@ -2,23 +2,23 @@ import * as React from "react";
import Frame from "../components/Frame";
import { EmbedProps as Props } from ".";
const URL_REGEX = /^https:\/\/(realtimeboard|miro)\.com\/app\/board\/(.*)$/;
function RealtimeBoard(props: Props) {
const { matches } = props.attrs;
const domain = matches[1];
const boardId = matches[2];
const titleName = domain === "realtimeboard" ? "RealtimeBoard" : "Miro";
export default class RealtimeBoard extends React.Component<Props> {
static ENABLED = [URL_REGEX];
render() {
const { matches } = this.props.attrs;
const domain = matches[1];
const boardId = matches[2];
const titleName = domain === "realtimeboard" ? "RealtimeBoard" : "Miro";
return (
<Frame
{...this.props}
src={`https://${domain}.com/app/embed/${boardId}`}
title={`${titleName} (${boardId})`}
/>
);
}
return (
<Frame
{...props}
src={`https://${domain}.com/app/embed/${boardId}`}
title={`${titleName} (${boardId})`}
/>
);
}
RealtimeBoard.ENABLED = [
/^https:\/\/(realtimeboard|miro)\.com\/app\/board\/(.*)$/,
];
export default RealtimeBoard;