a fix for events?

This commit is contained in:
Luke Berndt
2024-10-02 21:43:12 -04:00
parent 591e245fa6
commit f6853d69fb
3 changed files with 19 additions and 37 deletions

View File

@@ -1,4 +1,4 @@
var { callModel: Call } = require("./models/call"); var Call = require("./models/call");
var Event = require("./models/event"); var Event = require("./models/event");
var Podcast = require("./models/podcast"); var Podcast = require("./models/podcast");

View File

@@ -217,35 +217,13 @@ function CallPlayer(props) {
<div className="mediaplayer"> <div className="mediaplayer">
<MediaPlayer call={currentCall} playSilence={silenceCount} onEnded={callEnded} onPlayPause={handlePlayPause} /> <MediaPlayer call={currentCall} playSilence={silenceCount} onEnded={callEnded} onPlayPause={handlePlayPause} />
</div> </div>
{/* <div className="button-item desktop-only"><SupportModal trigger={<Button color='grey' animated='fade' size={"small"}>
<ButtonContent visible color="red">
<Icon name='heart' /> Donate
</ButtonContent>
<ButtonContent hidden>Thank You</ButtonContent>
</Button>} /></div> */}
<div className="link-item desktop-only" > <div className="link-item desktop-only" >
<a href={callDownload}><Icon name="download" />Download</a> <a href={callDownload}><Icon name="download" />Download</a>
</div> </div>
<div className="link-item desktop-only"> <div className="link-item desktop-only">
<a href={callLink}><Icon name="at" />Link</a> <a href={callLink}><Icon name="at" />Link</a>
</div> </div>
</div> </div>
{/* <Menu.Item active={autoPlay} onClick={() => handleAutoPlay(autoPlay)}><Icon name="level up" /><span className="desktop-only">Autoplay</span></Menu.Item>
<MediaPlayer call={currentCall} playSilence={silenceCount} onEnded={callEnded} onPlayPause={handlePlayPause} />
<Menu.Menu position="right" className="desktop-only">
<Menu.Item><SupportModal trigger={<Button color='grey' animated='fade'>
<ButtonContent visible color="red">
<Icon name='heart' /> Donate
</ButtonContent>
<ButtonContent hidden>Thank You</ButtonContent>
</Button>} /></Menu.Item>
<Menu.Item><a href={callDownload}><Icon name="download" />Download</a></Menu.Item>
<Menu.Item><a href={callLink}><Icon name="at" />Link</a></Menu.Item>
</Menu.Menu> */}
</Menu> </Menu>
</div> </div>

View File

@@ -96,7 +96,10 @@ function EventPlayer(props) {
} }
}, [selectCallId, eventData]) }, [selectCallId, eventData])
let autoplayClassName = "button-item";
if (autoPlay) {
autoplayClassName += " active";
}
return ( return (
<div ref={positionRef}> <div ref={positionRef}>
<Container className="main" > <Container className="main" >
@@ -114,19 +117,20 @@ function EventPlayer(props) {
</Rail> </Rail>
</Container> </Container>
<Menu fixed="bottom" compact inverted >
<Menu.Item active={autoPlay} onClick={() => handleAutoPlay(autoPlay)}><Icon name="level up" /><span className="desktop-only">Autoplay</span></Menu.Item> <Menu fixed="bottom" inverted vertical fluid>
<MediaPlayer call={currentCall} onEnded={callEnded} onPlayPause={handlePlayPause} /> <div className="item-container">
<Menu.Menu position="right" className="desktop-only"> <div className={autoplayClassName} onClick={() => handleAutoPlay(autoPlay)}><Icon name="level up" /><span className="desktop-only">Autoplay</span></div>
<Menu.Item><SupportModal trigger={<Button color='grey' animated='fade'> <div className="mediaplayer">
<ButtonContent visible color="red"> <MediaPlayer call={currentCall} onEnded={callEnded} onPlayPause={handlePlayPause} />
<Icon name='heart' /> Donate </div>
</ButtonContent> <div className="link-item desktop-only" >
<ButtonContent hidden>Thank You</ButtonContent> <a href={callDownload}><Icon name="download" />Download</a>
</Button>} /></Menu.Item> </div>
<Menu.Item><a href={callDownload}><Icon name="download" />Download</a></Menu.Item> <div className="link-item desktop-only">
<Menu.Item><a href={callLink}><Icon name="at" />Link</a></Menu.Item> <a href={callLink}><Icon name="at" />Link</a>
</Menu.Menu> </div>
</div>
</Menu> </Menu>
</div> </div>