replace utf-8 chars with SVGs

This commit is contained in:
Thomas Ruoff
2020-11-28 14:31:39 +01:00
parent f6e08255a6
commit c2b331db18
3 changed files with 22 additions and 8 deletions

View File

@@ -45,10 +45,14 @@ const Player = ({ hidden }) => {
<div className={hidden ? "hidden" : undefined}>
<div id="player" />
</div>
{hidden && playerState === -1 && <span>🎶 Titel laden...</span>}
{hidden && playerState === -1 && <span>Titel laden...</span>}
{hidden && playerState > -1 && (
<Fragment>
<span>🎶 Titel spielt</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" fill="currentColor">
<path d="M18 3a1 1 0 00-1.196-.98l-10 2A1 1 0 006 5v9.114A4.369 4.369 0 005 14c-1.657 0-3 .895-3 2s1.343 2 3 2 3-.895 3-2V7.82l8-1.6v5.894A4.37 4.37 0 0015 12c-1.657 0-3 .895-3 2s1.343 2 3 2 3-.895 3-2V3z" />
</svg>{' '}
Titel spielt</span>
<Controls
playerState={playerState}
onPause={onPause}