deb95cd443
Using that global variable was a bad idea. Stick to redux as the source of truth. The flag is not listed for rehydration, so it will always start off as `undefined`, which is what we need anyways. `undefined` indicates we haven't tested for ad-blockers, so we'll run the fetch and update the store with a true|false value.
20 lines
750 B
JavaScript
20 lines
750 B
JavaScript
import { connect } from 'react-redux';
|
|
import * as SETTINGS from 'constants/settings';
|
|
import { doSetAdBlockerFound } from 'redux/actions/app';
|
|
import { selectAdBlockerFound } from 'redux/selectors/app';
|
|
import { selectClientSetting } from 'redux/selectors/settings';
|
|
import { selectOdyseeMembershipIsPremiumPlus, selectUserCountry } from 'redux/selectors/user';
|
|
import AdsBanner from './view';
|
|
|
|
const select = (state, props) => ({
|
|
isAdBlockerFound: selectAdBlockerFound(state),
|
|
userHasPremiumPlus: selectOdyseeMembershipIsPremiumPlus(state),
|
|
userCountry: selectUserCountry(state),
|
|
currentTheme: selectClientSetting(state, SETTINGS.THEME),
|
|
});
|
|
|
|
const perform = {
|
|
doSetAdBlockerFound,
|
|
};
|
|
|
|
export default connect(select, perform)(AdsBanner);
|