@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.78 kB
JavaScript
import{jsx as e,jsxs as a}from"react/jsx-runtime";import"./ViewerMenuPanel.scss";import{observer as w}from"mobx-react-lite";import s from"../data";import o,{uiState as g}from"../store";import{t as r}from"../utils/i18n";import{Button as l}from"./";function _(n){if(!n)return{venue:"",dateRange:""};const t=n.split(" | ");return{venue:t[0]?.trim()||"",dateRange:t[1]?.trim()||""}}function N(n,t){if(!n||!t)return!1;const c=Date.now();return c>=new Date(n).getTime()&&c<=new Date(t+"T23:59:59").getTime()}const x=w(()=>{const{venue:n,dateRange:t}=_(s.subtitle),u=!(!!s.startDate&&!!s.endDate),D=N(s.startDate,s.endDate),d=o.eventStore.eventItems.length>0,v=o.toursStore.hasTours;function m(i){i.preventDefault(),g.menu=!1}function p(i){i.preventDefault(),o.selectExhibitors()}function h(i){i.preventDefault(),o.selectSessions()}function f(i){i.preventDefault(),o.selectTours()}return a("div",{className:"viewer-panel",children:[a("div",{className:"viewer-panel__info",children:[e("div",{className:"viewer-panel__title",children:s.title}),a("div",{className:"viewer-panel__row",children:[e("i",{className:"viewer-panel__icon icon-schedule"}),u?e("span",{children:r("Ongoing")}):a("div",{className:"viewer-panel__date-range",children:[t,"\xA0\xA0",e("div",{className:"viewer-panel__now-badge",children:r("Now")})]})]}),n&&a("div",{className:"viewer-panel__row",children:[e("i",{className:"viewer-panel__icon icon-marker-pin"}),e("span",{children:n})]})]}),a("div",{className:"viewer-panel__buttons",children:[e(l,{variant:"gray",size:"lg",text:r("Map"),onClick:m}),e(l,{variant:"gray",size:"lg",text:r("Exhibitors"),onClick:p}),d&&e(l,{variant:"gray",size:"lg",text:r("Sessions"),onClick:h}),v&&e(l,{variant:"gray",size:"lg",text:r("Guided Tours"),onClick:f})]})]})});export default x;