Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 13:52:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(Settings): improve trakt auth logic

Browse source
This commit is contained in:
Tim 2022-12-29 08:48:33 +01:00
parent b9e826553c
commit 998cd7d9e0
1 changed files with 24 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/routes/Settings/Settings.js
View file

@ -49,6 +49,10 @@ const Settings = () => {
streamingServerUrlInput.onChange(configureServerUrlInputRef.current.value);
closeConfigureServerUrlModal();
}, [streamingServerUrlInput]);
const [traktAuthStarted, setTraktAuthStarted] = React.useState(false);
const isTraktAuthenticated = React.useMemo(() => {
return profile.auth !== null && profile.auth.user !== null && profile.auth.user.trakt !== null;
}, [profile.auth]);
const configureServerUrlModalButtons = React.useMemo(() => {
return [
{
@ -75,11 +79,11 @@ const Settings = () => {
});
}, []);
const authenticateTraktOnClick = React.useCallback(() => {
if (profile.auth !== null && profile.auth.user !== null && profile.auth.user.trakt === null && typeof profile.auth.user._id === 'string') {
const auth_url = `https://www.strem.io/trakt/auth/${profile.auth.user._id}`;
window.open(auth_url);
if (!isTraktAuthenticated && profile.auth !== null && profile.auth.user !== null && typeof profile.auth.user._id === 'string') {
window.open(`https://www.strem.io/trakt/auth/${profile.auth.user._id}`);
setTraktAuthStarted(true);
}
}, [profile.auth]);
}, [isTraktAuthenticated, profile.auth]);
const importFacebookOnClick = React.useCallback(() => {
// TODO
}, []);
@ -134,15 +138,16 @@ const Settings = () => {
updateSelectedSectionId();
}, 50), []);
React.useEffect(() => {
if (profile.auth !== null && profile.auth.user !== null && profile.auth.user.trakt !== null) {
if (isTraktAuthenticated && traktAuthStarted) {
core.transport.dispatch({
action: 'Ctx',
args: {
action: 'InstallTraktAddon'
}
});
setTraktAuthStarted(false);
}
}, [profile.auth]);
}, [isTraktAuthenticated, traktAuthStarted]);
React.useEffect(() => {
if (dataExport.exportUrl !== null && typeof dataExport.exportUrl === 'string') {
window.open(dataExport.exportUrl);
@ -153,7 +158,19 @@ const Settings = () => {
updateSelectedSectionId();
}
closeConfigureServerUrlModal();
}, [routeFocused]);
const onWindowFocus = () => {
if (!isTraktAuthenticated && traktAuthStarted) {
core.transport.dispatch({
action: 'Ctx',
args: {
action: 'PullUserFromAPI'
}
});
}
};
window.addEventListener('focus', onWindowFocus);
return () => window.removeEventListener('focus', onWindowFocus);
}, [routeFocused, isTraktAuthenticated, traktAuthStarted]);
return (
<MainNavBars className={styles['settings-container']} route={'settings'}>
<div className={classnames(styles['settings-content'], 'animation-fade-in')}>