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

www.tv.tycoon.systems/documentation

import React from"react";import Tooltip from"@mui/material/Tooltip";const Module=e=>{const{fetchBusy:t,descriptionRef:a,myTagsRef:r,updateStreamData:n,updateTags:l,setPrivate:c,privateRef:i,streamSettings:m,setPassword:s,passwordRef:o,currentlyStreaming:d,recordStream:g,recordStreamRef:p,handleSetRecordingStream:R}=e;var u=React.useCallback(e=>{l(e)}),e=e?.ManagerStyles??{};return React.createElement(React.Fragment,null,t?null:React.createElement("div",{className:"Manager_StreamSettings"},React.createElement("div",null,React.createElement("label",{style:{fontWeight:600}},"Description"),React.createElement("textarea",{className:"darkInput",modif:"description",ref:a,placeholder:"Input description for your stream",style:{maxWidth:"100%",marginTop:".25rem",width:"100%",height:"90px"},onChange:n})),React.createElement("div",{className:"flex gap-p5 al-cen"},React.createElement("label",{style:{fontWeight:600}},"Tags"),React.createElement("input",{className:"darkInput",type:"text",modif:"tags",ref:r,placeholder:"Tags",style:{width:"100%"},onChange:u})),React.createElement("div",{className:"Manager_StreamPrivateContainer",style:{display:"flex",alignItems:"center"}},React.createElement("div",{className:"Manager_StreamPrivateContainerCheckbox"},React.createElement("label",{className:"Manager_StreamPrivateContainerPrivateLabel",style:{fontWeight:"600",height:"26px",placeContent:"center"}},"Private"),React.createElement("input",{className:"Manager_StreamPrivateContainerCheckboxInput",type:"checkbox",onChange:c,ref:i})),React.createElement("div",null,d?"valid"===d?.meta?.recordingConfig?.status?React.createElement("div",{style:{fontWeight:600}},"Recording ",React.createElement("div",{className:"RecordingCircle RecordingCircle_Small"})):React.createElement("div",null):React.createElement("div",null,React.createElement("label",{className:"Manager_StreamPrivateContainerRecordingLabel",style:{fontWeight:"600",height:"26px",placeContent:"center"}},"Record"),React.createElement("input",{className:"Manager_StreamPrivateContainerCheckboxInput",type:"checkbox",defaultChecked:g,onChange:R,ref:p}))),m.private?React.createElement("div",{className:"Manager_StreamPrivateOnContainerOptions"},React.createElement(Tooltip,{title:"You can additionally set a password when beginning a private stream"},React.createElement("label",{className:"Manager_StreamPassword"},"Password")),React.createElement("input",{className:"Manager_StreamInput darkInput",type:"text",onChange:s,placeholder:"Password",style:{maxWidth:"100px",marginLeft:".25rem",borderRadius:".25rem"},ref:o})):null),React.createElement("div",{className:e.tagDateContainer+" Manager_TagDateContainer"},m?.dates&&0<m.dates.length?React.createElement("div",{className:"tagContainer",style:{marginTop:".25rem"}},m.dates.map((e,t)=>React.createElement("div",{className:"tagItem",style:{fontSize:"1rem"},key:t},e&&e.toLocaleString?e.toLocaleString("en-US",{year:"numeric",month:"long",day:"2-digit"}):""))):React.createElement("div",null),m?.tags&&0<m.tags.length?React.createElement("div",{className:"tagContainer",style:{marginTop:".25rem"}},m.tags.map((e,t)=>React.createElement("div",{className:"tagItem",style:{fontSize:"1rem"},key:t},e))):React.createElement("div",null))))};export default Module;