Files
outline/shared/editor/embeds/DBDiagram.tsx
Nonpawit Teerachetmongkol 3760a03c44 feat: Add DBdiagram (dbdiagram.io) embed (#3124)
* Add dbdiagram embed

* clean variable name
2022-02-16 18:04:44 -08:00

23 lines
553 B
TypeScript

import * as React from "react";
import Frame from "./components/Frame";
import { EmbedProps as Props } from ".";
export default class DBDiagram extends React.Component<Props> {
static ENABLED = [new RegExp("https://dbdiagram.io/(embed|d)/(\\w+)$")];
render() {
const { matches } = this.props.attrs;
const shareId = matches[2];
return (
<Frame
{...this.props}
src={`https://dbdiagram.io/embed/${shareId}`}
title={`DBDiagram (${shareId})`}
width="100%"
height="400px"
/>
);
}
}