diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js
index a9f0d6ee6..bcb5cb015 100644
--- a/src/routes/MetaDetails/StreamsList/StreamsList.js
+++ b/src/routes/MetaDetails/StreamsList/StreamsList.js
@@ -9,7 +9,7 @@ const { Button, Image, Multiselect } = require('stremio/components');
const { useServices } = require('stremio/services');
const Stream = require('./Stream');
const styles = require('./styles');
-const { usePlatform } = require('stremio/common');
+const { usePlatform, useProfile } = require('stremio/common');
const ALL_ADDONS_KEY = 'ALL';
@@ -17,17 +17,21 @@ const StreamsList = ({ className, video, ...props }) => {
const { t } = useTranslation();
const { core } = useServices();
const platform = usePlatform();
+ const profile = useProfile();
const streamsContainerRef = React.useRef(null);
const [selectedAddon, setSelectedAddon] = React.useState(ALL_ADDONS_KEY);
const onAddonSelected = React.useCallback((event) => {
streamsContainerRef.current.scrollTo({ top: 0, left: 0, behavior: platform.name === 'ios' ? 'smooth' : 'instant' });
setSelectedAddon(event.value);
}, [platform]);
+ const showInstallAddonsButton = React.useMemo(() => {
+ return !profile || profile.auth === null || profile.auth?.user?.isNewUser === true;
+ }, [profile]);
const backButtonOnClick = React.useCallback(() => {
if (video.deepLinks && typeof video.deepLinks.metaDetailsVideos === 'string') {
window.location.replace(video.deepLinks.metaDetailsVideos + (
typeof video.season === 'number' ?
- `?${new URLSearchParams({'season': video.season})}`
+ `?${new URLSearchParams({ 'season': video.season })}`
:
null
));
@@ -126,6 +130,15 @@ const StreamsList = ({ className, video, ...props }) => {
{t('NO_STREAM')}
+ {
+ showInstallAddonsButton ?
+
+ :
+ null
+ }
:
filteredStreams.length === 0 ?
@@ -162,8 +175,8 @@ const StreamsList = ({ className, video, ...props }) => {
/>
))}
{
- Object.keys(streamsByAddon).length > 1 ?
-