import React, { Component } from 'react'; import { withRouter } from 'next/router'; import Link from 'next/link'; import { withTranslation } from 'react-i18next'; import { inject, observer } from 'mobx-react'; import moment from 'moment'; import classNames from 'classnames'; import i18n from 'env/i18n'; import { routes } from 'env/routes'; import LanguageBar from 'ui/components/LanguageBar'; import withCustomComponent from 'ui/components/withCustomComponent'; @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}`; } formatPhoneNumber(str) { if (!str) return ""; let match = str.match(/^(\+)?(\d{2})(\d{4})(\d{4})$/); if (match) return [match[1], '(', match[2], ') ', match[3], '-', match[4]].join(''); return null; } render() { const { t, componentName, appStore, authStore, bookingsStore, contentStore, } = this.props; const { business, configuration, corporateDashboard } = appStore; const { isLoggedIn } = authStore; const { resources } = bookingsStore; const { faqArticles } = contentStore; const socialNetworks = ['Facebook', 'Flickr', 'Instagram', 'Twitter']; const hasSocial = socialNetworks.some((n) => configuration[`Social.${n}`]); const phone = this.formatPhoneNumber(business?.Phone); 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;