import React, { Component, useEffect, useState } from 'react'; import Link from 'next/link'; import { routes } from 'env/routes'; import { withTranslation } from 'react-i18next'; import { withRouter } from 'next/router'; import { inject, observer } from 'mobx-react'; import withCustomComponent from 'ui/components/withCustomComponent'; import moment from 'moment'; import config from 'env/config'; import i18n from 'env/i18n'; @withCustomComponent('Footer') @withTranslation() @withRouter @inject('appStore', 'authStore', 'bookingsStore', 'contentStore') @observer class Footer extends Component { constructor(props) { super(props); this.state = { currentLanguage: i18n.language, }; } componentDidMount() { const { appStore, contentStore } = this.props; if (!appStore.hasLoadedLanguages) appStore.loadLanguages(); if (!contentStore.hasLoadedFaqArticles) contentStore.loadFaqArticles().catch((ex) => null); } componentDidUpdate(prevProps, prevState) { if (this.state.currentLanguage != prevState.currentLanguage) window.location.href = `?lng=${this.state.currentLanguage}`; } render() { const { t, router, componentName, appStore, authStore, bookingsStore, contentStore, } = this.props; const { business, languages, configuration, corporateDashboard } = appStore; const { isLoggedIn } = authStore; const { resources } = bookingsStore; const { faqArticles } = contentStore; return ( !isLoggedIn && ( ) ); } } export default Footer;