aboutsummaryrefslogtreecommitdiffstats
path: root/apps/Player/components/App.js
diff options
context:
space:
mode:
Diffstat (limited to 'apps/Player/components/App.js')
-rw-r--r--apps/Player/components/App.js15
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>