@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 981 B
JavaScript
import{jsx as e,jsxs as t}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 r}from"../utils/i18n";import{useInit as l}from"../utils/mobx";const o="note-dismissed5";export default function p(){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(()=>{sessionStorage.getItem(o)||window.setTimeout(()=>{s.hidden=!1},2e3)}),a(()=>e("div",{className:s.classes,children:t("section",{children:[e("div",{className:"demo__message",children:t("span",{children:[r("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:i,className:"demo__dismiss",children:r("Dismiss")})]})}));function i(n){n.preventDefault(),s.hidden=!0,sessionStorage.setItem(o,"1")}}