From 011f10fba84012cb6165e3ca6a15d336ccf2a0c8 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sat, 20 Mar 2021 00:41:21 +0100
Subject: [PATCH] No longer reloading when stashing scene, immediately toggling
 heart locally and resetting on dispatch error.

---
 assets/components/actors/actor.vue        |  6 +---
 assets/components/entities/entity.vue     |  6 +---
 assets/components/home/home.vue           |  6 +---
 assets/components/releases/releases.vue   |  3 --
 assets/components/releases/scene-tile.vue | 38 +++++++++++++++--------
 assets/components/tags/tag.vue            |  6 +---
 assets/components/users/user.vue          |  8 +++++
 7 files changed, 37 insertions(+), 36 deletions(-)

diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue
index cab43689..45186f98 100644
--- a/assets/components/actors/actor.vue
+++ b/assets/components/actors/actor.vue
@@ -365,11 +365,7 @@
 					:available-actors="actor.actors"
 				/>
 
-				<Releases
-					:releases="releases"
-					@stash="fetchActor(false)"
-					@unstash="fetchActor(false)"
-				/>
+				<Releases :releases="releases" />
 
 				<Pagination
 					:items-total="totalCount"
diff --git a/assets/components/entities/entity.vue b/assets/components/entities/entity.vue
index edb719a5..0ae57814 100644
--- a/assets/components/entities/entity.vue
+++ b/assets/components/entities/entity.vue
@@ -99,11 +99,7 @@
 			/>
 
 			<div class="releases">
-				<Releases
-					:releases="entity.releases"
-					@stash="fetchEntity(false)"
-					@unstash="fetchEntity(false)"
-				/>
+				<Releases :releases="entity.releases" />
 
 				<Pagination
 					:items-total="totalCount"
diff --git a/assets/components/home/home.vue b/assets/components/home/home.vue
index 7d886627..d0ca0e89 100644
--- a/assets/components/home/home.vue
+++ b/assets/components/home/home.vue
@@ -10,11 +10,7 @@
 				:content="$refs.content"
 			/>
 
-			<Releases
-				:releases="releases"
-				@stash="fetchReleases(false)"
-				@unstash="fetchReleases(false)"
-			/>
+			<Releases :releases="releases" />
 
 			<Pagination
 				v-if="totalCount > 0"
diff --git a/assets/components/releases/releases.vue b/assets/components/releases/releases.vue
index 261524ac..77d62a81 100644
--- a/assets/components/releases/releases.vue
+++ b/assets/components/releases/releases.vue
@@ -18,8 +18,6 @@
 					:release="release"
 					:referer="referer"
 					:index="index"
-					@stash="$emit('stash')"
-					@unstash="$emit('unstash')"
 				/>
 			</li>
 		</ul>
@@ -65,7 +63,6 @@ export default {
 			default: null,
 		},
 	},
-	emits: ['stash', 'unstash'],
 	computed: {
 		range,
 		sfw,
diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue
index 4ad9d425..9c03c41c 100644
--- a/assets/components/releases/scene-tile.vue
+++ b/assets/components/releases/scene-tile.vue
@@ -42,14 +42,14 @@
 					><Icon icon="blocked" />No thumbnail available</div>
 
 					<Icon
-						v-show="release.isStashed"
+						v-show="stashed"
 						icon="heart7"
 						class="stash stashed"
 						@click.prevent.native="unstashScene"
 					/>
 
 					<Icon
-						v-show="release.isStashed === false"
+						v-show="stashed === false"
 						icon="heart8"
 						class="stash unstashed"
 						@click.prevent.native="stashScene"
@@ -148,21 +148,29 @@
 import Details from './tile-details.vue';
 
 async function stashScene() {
-	this.$store.dispatch('stashScene', {
-		sceneId: this.release.id,
-		stashId: this.$store.getters.favorites.id,
-	});
+	this.stashed = true;
 
-	this.$emit('stash');
+	try {
+		await this.$store.dispatch('stashScene', {
+			sceneId: this.release.id,
+			stashId: this.$store.getters.favorites.id,
+		});
+	} catch (error) {
+		this.stashed = false;
+	}
 }
 
 async function unstashScene() {
-	this.$store.dispatch('unstashScene', {
-		sceneId: this.release.id,
-		stashId: this.$store.getters.favorites.id,
-	});
+	this.stashed = false;
 
-	this.$emit('unstash');
+	try {
+		this.$store.dispatch('unstashScene', {
+			sceneId: this.release.id,
+			stashId: this.$store.getters.favorites.id,
+		});
+	} catch (error) {
+		this.stashed = true;
+	}
 }
 
 export default {
@@ -175,7 +183,11 @@ export default {
 			default: null,
 		},
 	},
-	emits: ['stash', 'unstash'],
+	data() {
+		return {
+			stashed: this.release.isStashed,
+		};
+	},
 	methods: {
 		stashScene,
 		unstashScene,
diff --git a/assets/components/tags/tag.vue b/assets/components/tags/tag.vue
index c2e52c7c..4dd30aad 100644
--- a/assets/components/tags/tag.vue
+++ b/assets/components/tags/tag.vue
@@ -49,11 +49,7 @@
 				:fetch-releases="fetchReleases"
 			/>
 
-			<Releases
-				:releases="releases"
-				@stash="fetchReleases(false)"
-				@unstash="fetchReleases(false)"
-			/>
+			<Releases :releases="releases" />
 
 			<Pagination
 				:items-total="totalCount"
diff --git a/assets/components/users/user.vue b/assets/components/users/user.vue
index 5a5b2393..2ce84c53 100644
--- a/assets/components/users/user.vue
+++ b/assets/components/users/user.vue
@@ -99,6 +99,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import 'breakpoints';
+
 .header {
 	padding: .5rem 1rem;
 	background: var(--profile);
@@ -174,4 +176,10 @@ export default {
 .stash-scene {
 	flex-shrink: 0;
 }
+
+@media(max-width: $breakpoint-kilo) {
+	.stashes {
+		grid-template-columns: 1fr;
+	}
+}
 </style>