@tycoonsystems/tycoon-modules/modules/menu/parts/Invite.js

www.tv.tycoon.systems/documentation

import React from"react";import{inviteFriend}from"../../social/utility";const Module=a=>{const[t,l]=React.useState(!1),[e,n]=React.useState(null),c=React.useRef(),r=React.useRef();var i=React.useCallback(e=>{t||l(!0)}),u=React.useCallback(e=>{var t=c?.current?.value&&""!==c.current.value?c.current.value:"";t&&(async e=>{e&&(await inviteFriend(a.apiUrl,a.domainKey,a._loggedIn,{email:e}),n(e),l(!1),c?.current&&(c.current.value=""),r.current=setTimeout(()=>{n(null)},1e4))})(t)}),m=React.useCallback(e=>{n(null),l(!0),r.current&&clearTimeout(r.current)});return React.createElement(React.Fragment,null,a._loggedIn?React.createElement(React.Fragment,null,a._loggedIn?.username?React.createElement("div",{className:"menuLinkSelector",onClick:i,style:{position:"relative",alignSelf:"center"}},e?React.createElement("li",null,React.createElement("div",{className:"material-icons"},"send"),React.createElement("div",{onClick:m,className:"max-width-dropdown"},"Sent request to ",React.createElement("span",{style:{fontWeight:600}},e))):t?React.createElement("li",{style:{padding:"0"}},React.createElement("div",{className:"flex gap-p05",style:{flex:"auto",height:"29px"}},React.createElement("input",{type:"text",style:{borderRadius:".5rem",borderWidth:"0",marginLeft:".5rem"},placeholder:"Friend's Email",ref:c}),React.createElement("button",{onClick:u,style:{width:"-webkit-fill-available",maxWidth:"85px",marginRight:".5rem"}},"Invite"))):React.createElement("li",null,React.createElement("div",{className:"material-icons"},"send"),React.createElement("div",{onClick:i},"Invite Friend"))):null):null)};export default Module;