@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.15 kB
JavaScript
import{jsx as s,jsxs as u}from"react/jsx-runtime";import"./MobileToggleButton.scss";import m from"classnames";import{useObserver as p}from"mobx-react-lite";import{useCallback as c}from"react";import{LANGUAGE_TYPE as S}from"../constants";import t,{searchStore as b}from"../store";import{t as i}from"../utils/i18n";function f(){const o=c(()=>{t.uiState.isOverlayOpen&&t.uiState.overlaySize==="full"?t.uiState.desiredOverlaySize="small":b.openOverlayWithoutInputFocus()},[]);return p(()=>{const a=t.uiState.list.type==="route-planner";if(!(t.uiState.overlayPosition==="bottom"&&(a||!t.uiState.details&&!t.uiState.menu&&t.uiState.list.type!==S&&t.uiState.list.type!=="bookmarks"&&t.uiState.list.type!=="sessions")))return null;const e=!t.uiState.isOverlayOpen||t.uiState.overlaySize!=="full",l=e?i("List"):i("Map"),r=e?"is-list":"is-map",n=e?"icon-list":"icon-map";return u("button",{className:m("efp-mobile-toggle-button",{"is-with-banner":t.uiState.isBannerVisible},r),onClick:o,type:"button","aria-label":e?i("List"):i("Map"),children:[s("i",{className:n}),s("span",{className:"efp-mobile-toggle-button__text",children:l})]})})}export default f;