* ReplayGain support - extract ReplayGain tags from files, expose via native api - use metadata to normalize audio in web player * make pre-push happy * remove unnecessary prints * remove another unnecessary print * add tooltips, see metadata * address comments, use settings instead * remove console.log * use better language for gain modes
41 lines
1 KiB
JavaScript
41 lines
1 KiB
JavaScript
import React, { useCallback } from 'react'
|
|
import { useGetOne } from 'react-admin'
|
|
import { GlobalHotKeys } from 'react-hotkeys'
|
|
import { LoveButton, useToggleLove } from '../common'
|
|
import { keyMap } from '../hotkeys'
|
|
import config from '../config'
|
|
|
|
const Placeholder = () => (
|
|
<>
|
|
{config.enableFavourites && (
|
|
<LoveButton disabled={true} resource={'song'} />
|
|
)}
|
|
</>
|
|
)
|
|
|
|
const Toolbar = ({ id }) => {
|
|
const { data, loading } = useGetOne('song', id)
|
|
const [toggleLove, toggling] = useToggleLove('song', data)
|
|
|
|
const handlers = {
|
|
TOGGLE_LOVE: useCallback(() => toggleLove(), [toggleLove]),
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<GlobalHotKeys keyMap={keyMap} handlers={handlers} allowChanges />
|
|
{config.enableFavourites && (
|
|
<LoveButton
|
|
record={data}
|
|
resource={'song'}
|
|
disabled={loading || toggling}
|
|
/>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
const PlayerToolbar = ({ id, isRadio }) =>
|
|
id && !isRadio ? <Toolbar id={id} /> : <Placeholder />
|
|
|
|
export default PlayerToolbar
|