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

Add Toast When Opening In External Player

Browse source
This commit is contained in:
Alexandru Branza 2023-05-29 20:05:51 +03:00
parent 22aa3a5f15
commit 8337fd6cab
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/routes/MetaDetails/StreamsList/Stream/Stream.js
View file

@ -4,7 +4,7 @@ const React = require('react');
const PropTypes = require('prop-types'); const PropTypes = require('prop-types');
const classnames = require('classnames'); const classnames = require('classnames');
const Icon = require('@stremio/stremio-icons/dom'); const Icon = require('@stremio/stremio-icons/dom');
const { Button, Image, PlayIconCircleCentered, useProfile, platform, useStreamingServer } = require('stremio/common'); const { Button, Image, PlayIconCircleCentered, useProfile, platform, useStreamingServer, useToast } = require('stremio/common');
const { useServices } = require('stremio/services'); const { useServices } = require('stremio/services');
const StreamPlaceholder = require('./StreamPlaceholder'); const StreamPlaceholder = require('./StreamPlaceholder');
const styles = require('./styles'); const styles = require('./styles');
@ -13,6 +13,7 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress,
const profile = useProfile(); const profile = useProfile();
const streamingServer = useStreamingServer(); const streamingServer = useStreamingServer();
const { core } = useServices(); const { core } = useServices();
const toast = useToast();
const href = React.useMemo(() => { const href = React.useMemo(() => {
const haveStreamingServer = streamingServer.settings !== null && streamingServer.settings.type === 'Ready'; const haveStreamingServer = streamingServer.settings !== null && streamingServer.settings.type === 'Ready';
return deepLinks ? return deepLinks ?
@ -27,7 +28,7 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress,
null null
: :
null; null;
}, [deepLinks, streamingServer]); }, [deepLinks, profile, streamingServer]);
const onClick = React.useCallback((e) => { const onClick = React.useCallback((e) => {
if (href === null) { if (href === null) {
// link does not lead to the player, it is expected to // link does not lead to the player, it is expected to
@ -42,9 +43,15 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress,
} }
} }
}); });
} else if (profile.settings.playerType === 'external') {
toast.show({
type: 'success',
title: `Stream opened in external player`,
timeout: 4000
});
} }
props.onClick(e); props.onClick(e);
}, [href, deepLinks, props.onClick]); }, [href, deepLinks, props.onClick, profile, toast]);
const forceDownload = React.useMemo(() => { const forceDownload = React.useMemo(() => {
// we only do this in one case to force the download // we only do this in one case to force the download
// of a M3U playlist generated in the browser // of a M3U playlist generated in the browser