From 9e014b64893df4e61212f6ed6d7e3b4bf6aeef09 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Tue, 20 Jul 2021 18:33:00 +0300
Subject: [PATCH] change playlist props

---
 src/routes/Player/Player.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 5adb9daab..652a9150d 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -33,12 +33,10 @@ const Player = ({ urlParams, queryParams }) => {
             return null;
         }
 
+        const name = `${player.title}.m3u`;
         const m3u = `#EXTM3U\n\n#EXTINF:0,${encodeURIComponent(player.title)}\n${encodeURI(player.selected.stream.url)}`;
-        const base64File = `data:application/octet-stream;charset=utf-8;base64,${window.btoa(m3u)}`;
-        return {
-            name: `${player.title}.m3u`,
-            file: base64File
-        };
+        const href = `data:application/octet-stream;charset=utf-8;base64,${window.btoa(m3u)}`;
+        return { name, href };
     }, [player]);
     const [casting, setCasting] = React.useState(() => {
         return chromecast.active && chromecast.transport.getCastState() === cast.framework.CastState.CONNECTED;
@@ -444,7 +442,7 @@ const Player = ({ urlParams, queryParams }) => {
                         {
                             playlist ?
                                 <div className={styles['error-details']}>
-                                    <Button className={styles['error-details-button']} title={'Download MU3 Playlist'} href={playlist.file} download={playlist.name}>
+                                    <Button className={styles['error-details-button']} title={'Download MU3 Playlist'} href={playlist.href} download={playlist.name}>
                                         <Icon className={styles['icon']} icon={'ic_downloads'} />
                                         <div className={styles['label']}>Download Playlist</div>
                                     </Button>