import React from 'react'; import { Provider } from 'react-redux'; import PropTypes from 'prop-types'; import configureStore from '../store/configureStore'; import { showOnboardingOnce } from '../actions/onboarding'; import { BrowserRouter, Route } from 'react-router-dom'; import { ScrollContext } from 'react-router-scroll-4'; import UI from '../features/ui'; import { hydrateStore } from '../actions/store'; import { connectUserStream } from '../actions/streaming'; import { IntlProvider, addLocaleData } from 'react-intl'; import { getLocale } from '../locales'; import initialState from '../initial_state'; const { localeData, messages } = getLocale(); addLocaleData(localeData); export const store = configureStore(); const hydrateAction = hydrateStore(initialState); store.dispatch(hydrateAction); export default class Mastodon extends React.PureComponent { static propTypes = { locale: PropTypes.string.isRequired, }; componentDidMount() { this.disconnect = store.dispatch(connectUserStream()); // Desktop notifications // Ask after 1 minute if (typeof window.Notification !== 'undefined' && Notification.permission === 'default') { window.setTimeout(() => Notification.requestPermission(), 60 * 1000); } // Protocol handler // Ask after 5 minutes if (typeof navigator.registerProtocolHandler !== 'undefined') { const handlerUrl = window.location.protocol + '//' + window.location.host + '/intent?uri=%s'; window.setTimeout(() => navigator.registerProtocolHandler('web+mastodon', handlerUrl, 'Mastodon'), 5 * 60 * 1000); } store.dispatch(showOnboardingOnce()); } componentWillUnmount () { if (this.disconnect) { this.disconnect(); this.disconnect = null; } } render () { const { locale } = this.props; return ( ); } }