@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 2.07 kB
JavaScript
import{jsxs as r,jsx as e}from"react/jsx-runtime";import"./Share.scss";import d from"classnames";import{observer as h}from"mobx-react-lite";import{useState as m}from"react";import{t as a}from"../utils/i18n";const p=h(({title:i,url:s})=>{const[c,n]=m(!1),o=encodeURI(s),l={facebook:`https://www.facebook.com/sharer/sharer.php?u=${o}`,xcom:`https://x.com/share?url=${o}`,linkedin:`https://linkedin.com/shareArticle?url=${o}`},t=()=>{navigator.clipboard.writeText(s),n(!0),setTimeout(()=>n(!1),2e3)};return r("div",{className:"share",children:[r("h3",{children:[a("Share")," ",i]}),r("div",{className:"share__socials",children:[r("a",{href:l.facebook,rel:"noopener noreferrer",target:"_blank",className:"share-social facebook","aria-label":a("Share {{title}} on Facebook",{title:i}),children:[e("div",{className:"share-social__icon",children:e("i",{className:"icon-facebook","aria-hidden":"true"})}),e("div",{className:"share-social__title",children:"Facebook"})]}),r("a",{href:l.xcom,rel:"noopener noreferrer",target:"_blank",className:"share-social xcom","aria-label":a("Share {{title}} on X.com",{title:i}),children:[e("div",{className:"share-social__icon",children:e("i",{className:"icon-twitter-x","aria-hidden":"true"})}),e("div",{className:"share-social__title",children:"X.COM"})]}),r("a",{href:l.linkedin,rel:"noopener noreferrer",target:"_blank",className:"share-social linkedin","aria-label":a("Share {{title}} on LinkedIn",{title:i}),children:[e("div",{className:"share-social__icon",children:e("i",{className:"icon-linkedin","aria-hidden":"true"})}),e("div",{className:"share-social__title",children:"LinkedIn"})]})]}),r("div",{className:"share__copy",children:[e("span",{children:a("or copy link")}),r("div",{className:"share__copy-input",children:[e("input",{type:"text",defaultValue:s,readOnly:!0,"aria-label":a("Direct link to {{title}}",{title:i})}),e("button",{type:"button",className:d({isCopied:c}),onClick:t,"aria-label":a("Copy link to clipboard"),children:c?e("span",{"aria-live":"polite",children:a("Copied")}):a("Copy")})]})]})]})});export default p;