Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

function for navigation from iframe added

Browse source
This commit is contained in:
svetlagasheva 2020-04-27 16:44:22 +03:00
parent 6d5ca95d63
commit 4105e7eeb5
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/routes/MetaDetails/MetaDetails.js
View file

@ -2,6 +2,7 @@
const React = require('react'); const React = require('react');
const PropTypes = require('prop-types'); const PropTypes = require('prop-types');
const UrlUtils = require('url');
const { VerticalNavBar, HorizontalNavBar, MetaPreview, ModalDialog, Image, useInLibrary } = require('stremio/common'); const { VerticalNavBar, HorizontalNavBar, MetaPreview, ModalDialog, Image, useInLibrary } = require('stremio/common');
const StreamsList = require('./StreamsList'); const StreamsList = require('./StreamsList');
const VideosList = require('./VideosList'); const VideosList = require('./VideosList');
@ -62,6 +63,15 @@ const MetaDetails = ({ urlParams, queryParams }) => {
queryParams.delete('metaTransportUrl'); queryParams.delete('metaTransportUrl');
window.location.replace(`#${urlParams.path}`); window.location.replace(`#${urlParams.path}`);
}, [queryParams]); }, [queryParams]);
const receiveMessage = React.useCallback((event) => {
const { protocol, path } = UrlUtils.parse(event.data);
if (event.data.startsWith(protocol)) {
window.location.replace(`#${path}`);
}
}, []);
React.useEffect(() => {
window.addEventListener('message', receiveMessage, false);
}, []);
const [inLibrary, toggleInLibrary] = useInLibrary(selectedMetaResource !== null && selectedMetaResource.content.type === 'Ready' ? selectedMetaResource.content.content : null); const [inLibrary, toggleInLibrary] = useInLibrary(selectedMetaResource !== null && selectedMetaResource.content.type === 'Ready' ? selectedMetaResource.content.content : null);
return ( return (
<div className={styles['metadetails-container']}> <div className={styles['metadetails-container']}>
@ -162,6 +172,7 @@ const MetaDetails = ({ urlParams, queryParams }) => {
onCloseRequest={clearSelectedAddon}> onCloseRequest={clearSelectedAddon}>
<iframe <iframe
className={styles['addon-modal-iframe']} className={styles['addon-modal-iframe']}
sandbox={'allow-forms allow-scripts'}
src={selectedMetaResourceRef !== null && selectedMetaResourceRef.content.type === 'Ready' ? selectedMetaResourceRef.content.content.metaExtension.url : null} src={selectedMetaResourceRef !== null && selectedMetaResourceRef.content.type === 'Ready' ? selectedMetaResourceRef.content.content.metaExtension.url : null}
/> />
</ModalDialog> </ModalDialog>