muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

displaying file id3 data

Browse source
This commit is contained in:
Fedor Katurov 2019-10-14 14:10:26 +07:00
parent 1d4c76f217
commit 13be0d67ab
4 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/media/AudioPlayer/index.tsx
View file

@ -75,6 +75,10 @@ const AudioPlayerUnconnected = ({
};
}, [file, current, setPlaying, onProgress]);
const title =
file.metadata &&
[file.metadata.id3artist, file.metadata.id3title].filter(el => !!el).join(' - ');
return (
<div onClick={onPlay} className={classNames(styles.wrap, { playing })}>
<div className={styles.playpause}>
@ -84,7 +88,7 @@ const AudioPlayerUnconnected = ({
<div className={styles.progress} onClick={onSeek}>
<div className={styles.bar} style={{ width: `${progress.progress}%` }} />
</div>
<div className={styles.title}>{file.url}</div>
<div className={styles.title}>{title || 'Unknown'}</div>
</div>
</div>
);