DEMARET Arnaut
61 lines
1.8 KiB
Plaintext
61 lines
1.8 KiB
Plaintext
open CssJs
|
|
|
|
let makeWrapperStyle = () =>
|
|
style(. [zIndex(500), position(fixed), right(zero), display(#flex), alignItems(center)])
|
|
|
|
let makeControlStyle = (~bgColor=?, ~spacer=false, ()) =>
|
|
style(. [
|
|
unsafe("WebkitAppRegion", "no-drag"),
|
|
padding2(~v=zero, ~h=px(7)),
|
|
selector(.
|
|
"&:hover",
|
|
[
|
|
backgroundColor(
|
|
switch bgColor {
|
|
| None => rgba(255, 255, 255, #num(0.25))
|
|
| Some(c) => c
|
|
},
|
|
),
|
|
],
|
|
),
|
|
marginLeft(spacer ? #auto : #zero),
|
|
])
|
|
|
|
@react.component
|
|
let make = (~height: int) => {
|
|
let {AudioPlayerProvider.playingState: playingState} = AudioPlayerProvider.useAudioPlayer()
|
|
let artist = playingState.artist
|
|
let title = playingState.title
|
|
let songTitle = `${artist} - ${title}`
|
|
|
|
let _title = playingState.isPlaying ? `Beatconnect \\u23F5 ${songTitle}bot` : "Beatconnect"
|
|
|
|
// let window = Remote.getCurrentWindow(Remote.remote)
|
|
// window->BrowserWindow.setTitle(title)
|
|
|
|
// let onMinimizeClick = _e => BrowserWindow.minimize(window)
|
|
// let onCloseClick = _e => BrowserWindow.close(window)
|
|
// let onMaximizeClick = _e =>
|
|
// BrowserWindow.isMaximized(window)
|
|
// ? BrowserWindow.unmaximize(window)
|
|
// : BrowserWindow.maximize(window)
|
|
|
|
let onMinimizeClick = _ => ()
|
|
let onCloseClick = _ => ()
|
|
let onMaximizeClick = _ => ()
|
|
|
|
<div className={makeWrapperStyle()}>
|
|
<div className={makeControlStyle(~spacer=true, ())} onClick=onMinimizeClick>
|
|
{Icon.make(~name="Dash", ~width=height, ~height, ())}
|
|
</div>
|
|
<div className={makeControlStyle()} onClick=onMaximizeClick>
|
|
{Icon.make(~name="Square", ~width=height, ~height, ())}
|
|
</div>
|
|
<div className={makeControlStyle(~bgColor=red, ())} onClick=onCloseClick>
|
|
{Icon.make(~name="Cancel", ~width=height, ~height, ())}
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
let default = make
|