diff --git a/src/shared/processors/medium/index.js b/src/shared/processors/medium/index.js index f879cb33..28ea6bb8 100644 --- a/src/shared/processors/medium/index.js +++ b/src/shared/processors/medium/index.js @@ -3,6 +3,7 @@ import tzGallery from './tzGallery'; import dmGallery from './dmGallery'; import myrGallery from './myrGallery'; import myrTiledGallery from './myrTiledGallery'; +import infogram from './infogram'; import { textCounter, injectSlot } from './injectSlots'; export default [ @@ -13,4 +14,5 @@ export default [ dmGallery, myrGallery, myrTiledGallery, + infogram, ]; diff --git a/src/shared/processors/medium/infogram.js b/src/shared/processors/medium/infogram.js new file mode 100644 index 00000000..8fa6e57c --- /dev/null +++ b/src/shared/processors/medium/infogram.js @@ -0,0 +1,9 @@ +export default { + test: ({ component, props }) => + component === 'div' && + props.className.split(' ').includes('infogram-embed'), + process: ({ props: { 'data-id': id, 'data-title': title } }) => ({ + component: 'iframe', + props: { src: `https://e.infogram.com/${id}?src=embed`, title }, + }), +};