From 06e6d3940ba389b12aa59b189ca7c873ee57a17e Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sat, 20 Mar 2021 02:23:24 +0100
Subject: [PATCH] Refreshing stash page when unstashing scene. Addressed stash
 preview overflowing on user page.

---
 assets/components/releases/releases.vue   | 2 ++
 assets/components/releases/scene-tile.vue | 5 +++++
 assets/components/stashes/stash.vue       | 1 -
 assets/components/users/user.vue          | 6 ++++--
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/assets/components/releases/releases.vue b/assets/components/releases/releases.vue
index 77d62a81..f9cd90df 100644
--- a/assets/components/releases/releases.vue
+++ b/assets/components/releases/releases.vue
@@ -18,6 +18,7 @@
 					:release="release"
 					:referer="referer"
 					:index="index"
+					@stash="isStashed => $emit('stash', isStashed)"
 				/>
 			</li>
 		</ul>
@@ -63,6 +64,7 @@ export default {
 			default: null,
 		},
 	},
+	emits: ['stash'],
 	computed: {
 		range,
 		sfw,
diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue
index 9c03c41c..c646345a 100644
--- a/assets/components/releases/scene-tile.vue
+++ b/assets/components/releases/scene-tile.vue
@@ -155,6 +155,8 @@ async function stashScene() {
 			sceneId: this.release.id,
 			stashId: this.$store.getters.favorites.id,
 		});
+
+		this.$emit('stash', true);
 	} catch (error) {
 		this.stashed = false;
 	}
@@ -168,6 +170,8 @@ async function unstashScene() {
 			sceneId: this.release.id,
 			stashId: this.$store.getters.favorites.id,
 		});
+
+		this.$emit('stash', false);
 	} catch (error) {
 		this.stashed = true;
 	}
@@ -183,6 +187,7 @@ export default {
 			default: null,
 		},
 	},
+	emits: ['stash'],
 	data() {
 		return {
 			stashed: this.release.isStashed,
diff --git a/assets/components/stashes/stash.vue b/assets/components/stashes/stash.vue
index 7a8933eb..2b4db448 100644
--- a/assets/components/stashes/stash.vue
+++ b/assets/components/stashes/stash.vue
@@ -44,7 +44,6 @@
 				:releases="stash.scenes.map(item => item.scene)"
 				class="stash-section stash-scenes"
 				@stash="fetchStash"
-				@unstash="fetchStash"
 			/>
 
 			<ul
diff --git a/assets/components/users/user.vue b/assets/components/users/user.vue
index 5f68e19e..8b0fdf98 100644
--- a/assets/components/users/user.vue
+++ b/assets/components/users/user.vue
@@ -187,7 +187,8 @@ export default {
 	padding: 0;
 }
 
-.stash-link.stash-section {
+.stash-link {
+	flex-grow: 1;
 	display: inline-block;
 	text-decoration: none;
 }
@@ -205,9 +206,9 @@ export default {
 }
 
 .stash-name {
-	color: var(--shadow-strong);
 	padding: .5rem;
 	margin: 0;
+	color: var(--shadow-strong);
 }
 
 .stash-actors,
@@ -233,6 +234,7 @@ export default {
 
 .stash-actor,
 .stash-scene {
+	height: 100%;
 	flex-shrink: 0;
 }