mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Add detail view buttons
This commit is contained in:
parent
f7fcf44f94
commit
690b1fbed5
11 changed files with 692 additions and 4 deletions
|
@ -0,0 +1,28 @@
|
|||
import React, { FC, useCallback } from 'react';
|
||||
import { IconButton } from '@mui/material';
|
||||
import ExploreIcon from '@mui/icons-material/Explore';
|
||||
import { playbackManager } from 'components/playback/playbackmanager';
|
||||
import globalize from 'lib/globalize';
|
||||
import type { ItemDto } from 'types/base/models/item-dto';
|
||||
|
||||
interface InstantMixButtonProps {
|
||||
item?: ItemDto;
|
||||
}
|
||||
|
||||
const InstantMixButton: FC<InstantMixButtonProps> = ({ item }) => {
|
||||
const onInstantMixClick = useCallback(() => {
|
||||
playbackManager.instantMix(item);
|
||||
}, [item]);
|
||||
|
||||
return (
|
||||
<IconButton
|
||||
className='button-flat btnInstantMix'
|
||||
title={globalize.translate('HeaderInstantMix')}
|
||||
onClick={onInstantMixClick}
|
||||
>
|
||||
<ExploreIcon />
|
||||
</IconButton>
|
||||
);
|
||||
};
|
||||
|
||||
export default InstantMixButton;
|
Loading…
Add table
Add a link
Reference in a new issue