From 353b0b909cab025906f4cd18122966abcdb879e7 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Tue, 12 Dec 2017 21:57:39 -0800
Subject: [PATCH] Fake "New List" option by just removing all tracks from the
 current list

---
 js/actionCreators.js                       |  5 +++++
 js/components/PlaylistWindow/ListMenu.js   | 12 ++++++------
 js/components/PlaylistWindow/RemoveMenu.js |  9 ++++++---
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/js/actionCreators.js b/js/actionCreators.js
index 5bbf9f4b..01cbaba7 100644
--- a/js/actionCreators.js
+++ b/js/actionCreators.js
@@ -36,6 +36,7 @@ import {
   TOGGLE_EQUALIZER_SHADE_MODE,
   CLOSE_EQUALIZER_WINDOW,
   REMOVE_TRACKS,
+  REMOVE_ALL_TRACKS,
   PLAY,
   PAUSE,
   REVERSE_LIST,
@@ -343,6 +344,10 @@ export function removeSelectedTracks() {
   };
 }
 
+export function removeAllTracks() {
+  return { type: REMOVE_ALL_TRACKS };
+}
+
 export function reverseList() {
   return { type: REVERSE_LIST };
 }
diff --git a/js/components/PlaylistWindow/ListMenu.js b/js/components/PlaylistWindow/ListMenu.js
index 3c8b644c..7dd9a2cd 100644
--- a/js/components/PlaylistWindow/ListMenu.js
+++ b/js/components/PlaylistWindow/ListMenu.js
@@ -1,15 +1,13 @@
 import React from "react";
 import { connect } from "react-redux";
+import { removeAllTracks } from "../../actionCreators";
 import PlaylistMenu from "./PlaylistMenu";
 
 /* eslint-disable no-alert */
 
-const ListMenu = () => (
+const ListMenu = props => (
   <PlaylistMenu id="playlist-list-menu">
-    <div
-      className="new-list"
-      onClick={() => alert("Not supported in Winamp2-js")}
-    />
+    <div className="new-list" onClick={props.removeAllTracks} />
     <div
       className="save-list"
       onClick={() => alert("Not supported in Winamp2-js")}
@@ -21,5 +19,7 @@ const ListMenu = () => (
   </PlaylistMenu>
 );
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+  removeAllTracks
+};
 export default connect(null, mapDispatchToProps)(ListMenu);
diff --git a/js/components/PlaylistWindow/RemoveMenu.js b/js/components/PlaylistWindow/RemoveMenu.js
index 995a68d3..8fafb099 100644
--- a/js/components/PlaylistWindow/RemoveMenu.js
+++ b/js/components/PlaylistWindow/RemoveMenu.js
@@ -1,7 +1,10 @@
 import React from "react";
 import { connect } from "react-redux";
-import { REMOVE_ALL_TRACKS } from "../../actionTypes";
-import { cropPlaylist, removeSelectedTracks } from "../../actionCreators";
+import {
+  cropPlaylist,
+  removeSelectedTracks,
+  removeAllTracks
+} from "../../actionCreators";
 import PlaylistMenu from "./PlaylistMenu";
 
 /* eslint-disable no-alert */
@@ -20,7 +23,7 @@ const RemoveMenu = props => (
 
 const mapDispatchToProps = {
   removeSelected: removeSelectedTracks,
-  removeAll: () => ({ type: REMOVE_ALL_TRACKS }),
+  removeAll: removeAllTracks,
   crop: cropPlaylist
 };
 export default connect(null, mapDispatchToProps)(RemoveMenu);