@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.03 kB
JavaScript
import{jsx as e,jsxs as r}from"react/jsx-runtime";import"./Demo.scss";import m from"classnames";import{useLocalStore as d,useObserver as a}from"mobx-react-lite";import{uiState as c}from"../store";import{t as o}from"../utils/i18n";import{useInit as l}from"../utils/mobx";const i="note-dismissed5";export default function u(){const s=d(()=>({hidden:!0,get top(){return c.screenSize.width<=820},get classes(){return m({demo:!0,top:this.top,hidden:this.hidden})}}));return l(()=>{if(sessionStorage.getItem(i))return;const t=window.setTimeout(()=>{s.hidden=!1},2e3);return()=>window.clearTimeout(t)}),a(()=>e("div",{className:s.classes,children:r("section",{children:[e("div",{className:"demo__message",children:r("span",{children:[o("Get your free floor plan at"),"\xA0",e("a",{href:"https://expofp.com/",target:"_blank",rel:"noopener noreferrer",children:"ExpoFP.com"})]})}),e("a",{href:"/",onClick:n,className:"demo__dismiss",children:o("Dismiss")})]})}));function n(t){t.preventDefault(),s.hidden=!0,sessionStorage.setItem(i,"1")}}