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'; import LanguageBar from 'ui/components/LanguageBar'; @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; const shouldDisplayCompanyColumn = configuration['PublicWebSite.MyAccount'] || resources.length > 0 || configuration['PublicWebSite.Contact']; const shouldDisplayExploreColumn = configuration['PublicWebSite.Events'] || configuration['PublicWebSite.Directory'] || configuration['PublicWebSite.CommunityBoard'] || configuration['Jitsi.AlwaysOnRooms.Enabled'] || configuration['Blog.Enabled']; const shouldDisplaySupportColumn = faqArticles.length > 0 || configuration['PublicWebSite.Help']; return ( !isLoggedIn && ( ) ); } } export default Footer;