@tycoonsystems/tycoon-modules/modules/streaming/manager/parts/CurrentlyStreaming.js

www.tv.tycoon.systems/documentation

import React from"react";import{selectThisText}from"@tycoonsystems/tycoon-modules/utility/utility/event";import Link from"next/link";const Module=e=>{var{currentlyStreaming:t,ongoingStreamFor:a,streamTo:r,streamKey:n}=e;e?.ManagerStyles;return React.createElement(React.Fragment,null,t?React.createElement("div",{className:"Manager_StreamDetailContainer"},React.createElement("div",{className:"importantPrompt Manager_NowStreamingButton",style:{margin:".5rem 0",cursor:"pointer"}},React.createElement("h4",{style:{margin:"0"}},React.createElement(Link,{href:`${e.devLocal?e.devAddress:"https://"+e.domainUrl}/w?u=`+e._loggedIn.username},"Go to Stream"))),React.createElement("div",{className:"flex gap-p5"},a?React.createElement("div",{className:"Manager_OngoingStreamForExternalContainer"},React.createElement("p",{className:"Manager_OngoingStreamForContainerForTicket"},"For Ticket"),React.createElement("div",{className:"Manager_OngoingStreamForContainer"},React.createElement("img",{className:"Manager_OngoingStreamForImage",src:e?.cdn?.static&&a?.images[0]&&a?.images[0].name?e.cdn.static+"/"+a.images[0].name:"img/default/greythumb_product.jpg"}),React.createElement("div",{className:"Manager_OngoingStreamMetaContainer"},React.createElement("h4",{className:"Manager_OngoingStreamForLabel"},a.name),React.createElement("p",{className:" Manager_OngoingStreamForDescription"},a?.detailmeta?.description??"")))):null,React.createElement("div",{className:"embed_livestream_links selectThisText"},React.createElement("div",{style:{fontWeight:600,overflowWrap:"anywhere",margin:".25rem 0",fontSize:".85rem"}},"Stream Id: ",React.createElement("span",{style:{fontWeight:400,background:"black",padding:"0 .125rem"},onClick:selectThisText,selectValue:t?.id},t?.id)),React.createElement("p",{style:{overflowWrap:"anywhere",margin:".25rem 0",color:"rgb(148 233 255)",fontSize:".85rem"}},React.createElement("b",null,"Share your stream link:")," ",React.createElement("span",{style:{background:"black",padding:"0 .125rem"},onClick:selectThisText,selectValue:`${e.devLocal?e.devAddress:"https://"+e.domainUrl}/w?`+(t?.id?"v="+t.id:"u="+e._loggedIn.username)},`${e.devLocal?e.devAddress:e.domainUrl}/w?`+(t?.id?"v="+t.id:"u="+e._loggedIn.username))),React.createElement("div",{style:{fontWeight:600,color:"#94ff94",overflowWrap:"anywhere",margin:".25rem 0",fontSize:".85rem"}},"Stream Endpoint: ",React.createElement("span",{style:{fontWeight:400,background:"black",padding:"0 .125rem"},onClick:selectThisText,selectValue:r},r)),React.createElement("div",{style:{fontWeight:600,color:"#ff81ca",overflowWrap:"anywhere",margin:".25rem 0",fontSize:".85rem"}},"Private Stream Key: ",React.createElement("span",{style:{fontWeight:400,background:"black",padding:"0 .125rem"},onClick:selectThisText,selectValue:n},n))))):null)};export default Module;