From 4162ed65d9271cc5c28b3e2eb154a1fd1808baa2 Mon Sep 17 00:00:00 2001
From: Agate <me@agate.blue>
Date: Sat, 18 Jul 2020 16:50:40 +0200
Subject: [PATCH] Fix #1083: Play button now replace current queue instead of
 appending to it

---
 changes/changelog.d/1083.enhancement      | 1 +
 front/src/components/audio/PlayButton.vue | 8 ++------
 2 files changed, 3 insertions(+), 6 deletions(-)
 create mode 100644 changes/changelog.d/1083.enhancement

diff --git a/changes/changelog.d/1083.enhancement b/changes/changelog.d/1083.enhancement
new file mode 100644
index 000000000..375ccd3dc
--- /dev/null
+++ b/changes/changelog.d/1083.enhancement
@@ -0,0 +1 @@
+Play button now replace current queue instead of appending to it (#1083)
\ No newline at end of file
diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index 623e00fee..50412501a 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -2,8 +2,8 @@
   <span :title="title" :class="['ui', {'tiny': discrete}, {'icon': !discrete}, {'buttons': !dropdownOnly && !iconOnly}, 'play-button component-play-button']">
     <button
       v-if="!dropdownOnly"
-      :title="labels.playNow"
-      @click.stop.prevent="addNext(true)"
+      :title="labels.replacePlay"
+      @click.stop.prevent="replacePlay"
       :disabled="!playable"
       :class="buttonClasses.concat(['ui', {loading: isLoading}, {'mini': discrete}, {disabled: !playable}])">
       <i :class="[playIconClass, 'icon']"></i>
@@ -25,9 +25,6 @@
         <button class="item basic" ref="playNow" data-ref="playNow" :disabled="!playable" @click.stop.prevent="addNext(true)" :title="labels.playNow">
           <i class="play icon"></i>{{ labels.playNow }}
         </button>
-        <button class="item basic" ref="replacePlay" data-ref="replacePlay" :disabled="!playable" @click.stop.prevent="replacePlay()" :title="labels.replacePlay">
-          <i class="list icon"></i>{{ labels.replacePlay }}
-        </button>
         <button v-if="track" class="item basic" :disabled="!playable" @click.stop.prevent="$store.dispatch('radios/start', {type: 'similar', objectId: track.id})" :title="labels.startRadio">
           <i class="feed icon"></i><translate translate-context="*/Queue/Button.Label/Short, Verb">Start radio</translate>
         </button>
@@ -231,7 +228,6 @@ export default {
       jQuery(self.$el).find('.ui.dropdown').dropdown('hide')
     },
     addNext (next) {
-      console.log('CLICKED')
       let self = this
       let wasEmpty = this.$store.state.queue.tracks.length === 0
       this.getPlayableTracks().then((tracks) => {