25 lines
759 B
React
25 lines
759 B
React
|
// @flow
|
||
|
|
import * as MODALS from 'constants/modal_types';
|
||
|
|
import React from 'react';
|
||
|
|
import usePersistedState from 'effects/use-persisted-state';
|
||
|
|
|
||
|
|
type Props = { doOpenModal: string => void };
|
||
|
|
|
||
|
|
const YoutubeWelcome = (props: Props) => {
|
||
|
|
const { doOpenModal } = props;
|
||
|
|
const [hasBeenShownIntro, setHasBeenShownIntro] = usePersistedState('youtube-welcome', false);
|
||
|
|
const isYouTubeReferrer = document.referrer.includes('youtube.com');
|
||
|
|
const shouldShowWelcome = !hasBeenShownIntro && isYouTubeReferrer;
|
||
|
|
|
||
|
|
React.useEffect(() => {
|
||
|
|
if (shouldShowWelcome) {
|
||
|
|
doOpenModal(MODALS.YOUTUBE_WELCOME);
|
||
|
|
setHasBeenShownIntro(true);
|
||
|
|
}
|
||
|
|
}, [shouldShowWelcome, setHasBeenShownIntro, doOpenModal]);
|
||
|
|
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
export default YoutubeWelcome;
|