Functional Component Refactor: Figma, Framer, Gist (#4260)
This commit is contained in:
@@ -2,21 +2,21 @@ import * as React from "react";
|
||||
import Frame from "../components/Frame";
|
||||
import { EmbedProps as Props } from ".";
|
||||
|
||||
const URL_REGEX = new RegExp(
|
||||
"https://([w.-]+\\.)?figma\\.com/(file|proto)/([0-9a-zA-Z]{22,128})(?:/.*)?$"
|
||||
);
|
||||
|
||||
export default class Figma extends React.Component<Props> {
|
||||
static ENABLED = [URL_REGEX];
|
||||
|
||||
render() {
|
||||
return (
|
||||
<Frame
|
||||
{...this.props}
|
||||
src={`https://www.figma.com/embed?embed_host=outline&url=${this.props.attrs.href}`}
|
||||
title="Figma Embed"
|
||||
border
|
||||
/>
|
||||
);
|
||||
}
|
||||
function Figma(props: Props) {
|
||||
return (
|
||||
<Frame
|
||||
{...props}
|
||||
src={`https://www.figma.com/embed?embed_host=outline&url=${props.attrs.href}`}
|
||||
title="Figma Embed"
|
||||
border
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
Figma.ENABLED = [
|
||||
new RegExp(
|
||||
"https://([w.-]+\\.)?figma\\.com/(file|proto)/([0-9a-zA-Z]{22,128})(?:/.*)?$"
|
||||
),
|
||||
];
|
||||
|
||||
export default Figma;
|
||||
|
||||
Reference in New Issue
Block a user