diff options
Diffstat (limited to 'apps/Player/components/App.js')
-rw-r--r-- | apps/Player/components/App.js | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/apps/Player/components/App.js b/apps/Player/components/App.js index 2ace63c..552ae52 100644 --- a/apps/Player/components/App.js +++ b/apps/Player/components/App.js @@ -7,7 +7,7 @@ import Video from './Video' import Buttons from './Buttons' import { Splash } from 'components' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faList, faTrashAlt, faCaretSquareRight, faInfinity, faAlignJustify, faVideo, faMusic } from '@fortawesome/free-solid-svg-icons' +import { faList, faTrashAlt, faCaretSquareRight, faInfinity, faAlignJustify, faVideo, faMusic, faPodcast } from '@fortawesome/free-solid-svg-icons' const App = ({ list }) => { const { t } = useSettings() @@ -78,6 +78,15 @@ const App = ({ list }) => { smallDevice && details && details.show && setShowPlaylist(false) }, [details && details.show]) + const iconType = type => { + switch (type) { + case 'yt_video': return faCaretSquareRight + case 'yt_live': return faInfinity + case 'radio': return faPodcast + default: return faCaretSquareRight + } + } + const remove = (e, i) => { e.stopPropagation() if (current === i) { @@ -144,9 +153,7 @@ const App = ({ list }) => { key={item.id} > <FontAwesomeIcon - icon={item.type.split('_')[1] === 'live' - ? faInfinity - : faCaretSquareRight} + icon={iconType(item.type)} /> <span>{(i + 1) + '.'}</span> <span>{item.title}</span> |