Re-added ability to report previous song in station

frontend/src/components/modals/Report.vue

@@ -198,6 +198,15 @@
 				>
 					<span>&nbsp;Cancel</span>
 				</a>
+				<div class="right">
+					<a
+						v-if="previousSong !== null && song !== previousSong"
+						class="button is-primary"
+						@click="reportSong(previousSong)"
+					>
+						<span>&nbsp;Report Previous Song</span>
+					</a>
+				</div>
 			</template>
 		</modal>
 		<view-report v-if="modals.viewReport" />
@@ -348,7 +357,8 @@ export default {
 	},
 	computed: {
 		...mapState({
-			song: state => state.modals.report.song
+			song: state => state.modals.report.song,
+			previousSong: state => state.station.previousSong
 		}),
 		...mapState("modalVisibility", {
 			modals: state => state.modals
@@ -421,7 +431,8 @@ export default {
 			);
 		},
 		...mapActions("modalVisibility", ["openModal", "closeModal"]),
-		...mapActions("modals/viewReport", ["viewReport"])
+		...mapActions("modals/viewReport", ["viewReport"]),
+		...mapActions("modals/report", ["reportSong"])
 	}
 };
 </script>

frontend/src/pages/Station/index.vue

@@ -1048,6 +1048,12 @@ export default {
 		);
 
 		this.socket.on("event:station.nextSong", res => {
+			const previousSong = this.currentSong.youtubeId
+				? this.currentSong
+				: null;
+
+			this.updatePreviousSong(previousSong);
+
 			const { currentSong, startedAt, paused, timePaused } = res.data;
 
 			this.setCurrentSong({
@@ -2298,6 +2304,7 @@ export default {
 			"updateUserCount",
 			"updateUsers",
 			"updateCurrentSong",
+			"updatePreviousSong",
 			"updateNextSong",
 			"updateSongsList",
 			"repositionSongInList",

frontend/src/store/modules/station.js

@@ -10,6 +10,7 @@ const state = {
 		loggedOut: []
 	},
 	currentSong: {},
+	previousSong: null,
 	nextSong: null,
 	songsList: [],
 	stationPaused: true,
@@ -40,6 +41,9 @@ const actions = {
 	updateCurrentSong: ({ commit }, currentSong) => {
 		commit("updateCurrentSong", currentSong);
 	},
+	updatePreviousSong: ({ commit }, previousSong) => {
+		commit("updatePreviousSong", previousSong);
+	},
 	updateNextSong: ({ commit }, nextSong) => {
 		commit("updateNextSong", nextSong);
 	},
@@ -98,6 +102,7 @@ const mutations = {
 			loggedOut: []
 		};
 		state.currentSong = {};
+		state.previousSong = null;
 		state.nextSong = null;
 		state.songsList = [];
 		state.stationPaused = true;
@@ -118,6 +123,9 @@ const mutations = {
 	updateCurrentSong(state, currentSong) {
 		state.currentSong = currentSong;
 	},
+	updatePreviousSong(state, previousSong) {
+		state.previousSong = previousSong;
+	},
 	updateNextSong(state, nextSong) {
 		state.nextSong = nextSong;
 	},