LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-01 01:35:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

set X-Lbry-Auth-Token for lbry.tv once email is verified

Browse source
This commit is contained in:
Sean Yesmunt 2019-08-06 12:00:31 -04:00
parent f1acf1cc1a
commit 7fe24fbf8b
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/ui/component/app/index.js
View file

@ -1,13 +1,14 @@
import { hot } from 'react-hot-loader/root'; import { hot } from 'react-hot-loader/root';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { doUpdateBlockHeight, doError, doFetchTransactions } from 'lbry-redux'; import { doUpdateBlockHeight, doError, doFetchTransactions } from 'lbry-redux';
import { selectUser, doRewardList, doFetchRewardedContent } from 'lbryinc'; import { selectUser, doRewardList, doFetchRewardedContent, selectAccessToken } from 'lbryinc';
import { selectThemePath } from 'redux/selectors/settings'; import { selectThemePath } from 'redux/selectors/settings';
import App from './view'; import App from './view';
const select = state => ({ const select = state => ({
user: selectUser(state), user: selectUser(state),
theme: selectThemePath(state), theme: selectThemePath(state),
accessToken: selectAccessToken(state),
}); });
const perform = dispatch => ({ const perform = dispatch => ({

15
src/ui/component/app/view.jsx
View file

@ -1,6 +1,7 @@
// @flow // @flow
import React, { useEffect, useRef } from 'react'; import React, { useEffect, useRef } from 'react';
import analytics from 'analytics'; import analytics from 'analytics';
import { Lbry } from 'lbry-redux';
import Router from 'component/router/index'; import Router from 'component/router/index';
import ModalRouter from 'modal/modalRouter'; import ModalRouter from 'modal/modalRouter';
import ReactModal from 'react-modal'; import ReactModal from 'react-modal';
@ -17,17 +18,19 @@ type Props = {
pageTitle: ?string, pageTitle: ?string,
language: string, language: string,
theme: string, theme: string,
user: ?{ id: string }, accessToken: ?string,
user: ?{ id: string, has_verified_email: boolean },
fetchRewards: () => void, fetchRewards: () => void,
fetchRewardedContent: () => void, fetchRewardedContent: () => void,
fetchTransactions: () => void, fetchTransactions: () => void,
}; };
function App(props: Props) { function App(props: Props) {
const { theme, fetchRewards, fetchRewardedContent, fetchTransactions, user } = props; const { theme, fetchRewards, fetchRewardedContent, fetchTransactions, user, accessToken } = props;
const appRef = useRef(); const appRef = useRef();
const isEnhancedLayout = useKonamiListener(); const isEnhancedLayout = useKonamiListener();
const userId = user && user.id; const userId = user && user.id;
const hasVerifiedEmail = user && user.has_verified_email;
useEffect(() => { useEffect(() => {
ReactModal.setAppElement(appRef.current); ReactModal.setAppElement(appRef.current);
@ -50,6 +53,14 @@ function App(props: Props) {
} }
}, [userId]); }, [userId]);
// @if TARGET='web'
useEffect(() => {
if (hasVerifiedEmail && accessToken) {
Lbry.setApiHeader('X-Lbry-Auth-Token', accessToken);
}
}, [hasVerifiedEmail, accessToken]);
// @endif
return ( return (
<div className={MAIN_WRAPPER_CLASS} ref={appRef} onContextMenu={e => openContextMenu(e)}> <div className={MAIN_WRAPPER_CLASS} ref={appRef} onContextMenu={e => openContextMenu(e)}>
<Header /> <Header />