assets/components/actors/tile.vue

@@ -60,26 +60,19 @@
 				></span>
 
 				<Icon
-					v-show="(!stash || stash.primary) && favorited"
+					v-show="favorited"
 					icon="heart7"
 					class="stash stashed"
 					@click.prevent.native="unstashActor"
 				/>
 
 				<Icon
-					v-show="(!stash || stash.primary) && favorited === false"
+					v-show="favorited === false"
 					icon="heart8"
 					class="stash unstashed"
 					@click.prevent.native="stashActor"
 				/>
 
-				<Icon
-					v-show="stash && !stash.primary"
-					icon="cross2"
-					class="stash unstash"
-					@click.prevent.native="unstashActor"
-				/>
-
 				<span
 					class="details"
 				>
@@ -152,14 +145,12 @@ async function stashActor() {
 }
 
 async function unstashActor() {
-	if (!this.stash || this.stash.primary) {
 	this.favorited = false;
-	}
 
 	try {
 		await this.$store.dispatch('unstashActor', {
 			actorId: this.actor.id,
-			stashId: this.stash?.id || this.$store.getters.favorites.id,
+			stashId: this.$store.getters.favorites.id,
 		});
 
 		this.$emit('stash', false);
@@ -185,10 +176,6 @@ export default {
 			type: Object,
 			default: null,
 		},
-		stash: {
-			type: Object,
-			default: null,
-		},
 	},
 	emits: ['stash'],
 	data() {
@@ -222,11 +209,6 @@ export default {
         display: inline-block;
         padding-bottom: 150%;
     }
-
-	&:hover .unstashed,
-	&:hover .unstash {
-		fill: var(--lighten);
-	}
 }
 
 .link {
@@ -325,15 +307,10 @@ export default {
 	fill: var(--lighten-weak);
 	filter: drop-shadow(0 0 2px var(--darken));
 
-	&:hover.unstashed,
+	&:hover,
 	&.stashed {
 		fill: var(--primary);
 	}
-
-	&:hover.unstash {
-		fill: var(--text-light);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
 }
 
 .details {

assets/components/releases/movie-tile.vue

@@ -15,25 +15,18 @@
 				>
 
 				<Icon
-					v-show="(!stash || stash.primary) && favorited"
+					v-show="favorited"
 					icon="heart7"
 					class="stash stashed"
 					@click.prevent.native="unstashMovie"
 				/>
 
 				<Icon
-					v-show="(!stash || stash.primary) && favorited === false"
+					v-show="favorited === false"
 					icon="heart8"
 					class="stash unstashed"
 					@click.prevent.native="stashMovie"
 				/>
-
-				<Icon
-					v-show="stash && !stash.primary"
-					icon="cross2"
-					class="stash unstash"
-					@click.prevent.native="unstashMovie"
-				/>
 			</RouterLink>
 
 			<div class="info">
@@ -95,14 +88,12 @@ async function stashMovie() {
 }
 
 async function unstashMovie() {
-	if (!this.stash || this.stash.primary) {
 	this.favorited = false;
-	}
 
 	try {
 		await this.$store.dispatch('unstashMovie', {
 			movieId: this.movie.id,
-			stashId: this.stash?.id || this.$store.getters.favorites.id,
+			stashId: this.$store.getters.favorites.id,
 		});
 
 		this.$emit('stash', false);
@@ -124,10 +115,6 @@ export default {
 			type: Object,
 			default: null,
 		},
-		stash: {
-			type: Object,
-			default: null,
-		},
 	},
 	data() {
 		return {
@@ -154,8 +141,7 @@ export default {
 	box-shadow: 0 0 3px var(--darken-weak);
 	font-size: 0;
 
-	&:hover .unstashed,
+	&:hover .unstashed {
-	&:hover .unstash {
 		fill: var(--lighten);
 	}
 }
@@ -265,11 +251,6 @@ export default {
 	&.stashed {
 		fill: var(--primary);
 	}
-
-	&:hover.unstash {
-		fill: var(--text-light);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
 }
 
 @media(max-width: $breakpoint-kilo) {

assets/components/releases/releases.vue

@@ -18,7 +18,6 @@
 					:release="release"
 					:referer="referer"
 					:index="index"
-					:stash="stash"
 					@stash="isStashed => $emit('stash', isStashed)"
 				/>
 			</li>
@@ -64,10 +63,6 @@ export default {
 			type: String,
 			default: null,
 		},
-		stash: {
-			type: Object,
-			default: null,
-		},
 	},
 	emits: ['stash'],
 	computed: {

assets/components/releases/scene-tile.vue

@@ -46,25 +46,18 @@
 					><Icon icon="blocked" />No thumbnail available</div>
 
 					<Icon
-						v-show="(!stash || stash.primary) && favorited"
+						v-show="favorited"
 						icon="heart7"
 						class="stash stashed"
 						@click.prevent.native="unstashScene"
 					/>
 
 					<Icon
-						v-show="(!stash || stash.primary) && favorited === false"
+						v-show="favorited === false"
 						icon="heart8"
 						class="stash unstashed"
 						@click.prevent.native="stashScene"
 					/>
-
-					<Icon
-						v-show="stash && !stash.primary"
-						icon="cross2"
-						class="stash unstash"
-						@click.prevent.native="unstashScene"
-					/>
 				</a>
 			</span>
 
@@ -176,14 +169,12 @@ async function stashScene() {
 }
 
 async function unstashScene() {
-	if (!this.stash || this.stash.primary) {
 	this.favorited = false;
-	}
 
 	try {
 		await this.$store.dispatch('unstashScene', {
 			sceneId: this.release.id,
-			stashId: this.stash?.id || this.$store.getters.favorites.id,
+			stashId: this.$store.getters.favorites.id,
 		});
 
 		this.$emit('stash', false);
@@ -201,10 +192,6 @@ export default {
 			type: Object,
 			default: null,
 		},
-		stash: {
-			type: Object,
-			default: null,
-		},
 	},
 	emits: ['stash'],
 	data() {
@@ -249,8 +236,7 @@ export default {
 		text-shadow: 0 0 2px var(--darken-weak);
 	}
 
-	&:hover .unstashed,
+	&:hover .unstashed {
-	&:hover .unstash {
 		fill: var(--lighten);
 	}
 }
@@ -309,11 +295,6 @@ export default {
 		fill: var(--primary);
 		filter: drop-shadow(0 0 2px var(--darken-weak));
 	}
-
-	&:hover.unstash {
-		fill: var(--text-light);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
 }
 
 .row {

assets/components/stashes/stash.vue

@@ -60,7 +60,6 @@
 			<Releases
 				v-if="$route.params.range === 'scenes' && stash.scenes?.length > 0"
 				:releases="stash.scenes.map(item => item.scene)"
-				:stash="stash"
 				class="stash-section stash-scenes"
 				@stash="fetchStash"
 			/>
@@ -72,11 +71,7 @@
 				<li
 					v-for="item in stash.actors"
 					:key="item.id"
-				><Actor
+				><Actor :actor="item.actor" /></li>
-					:actor="item.actor"
-					:stash="stash"
-					@stash="fetchStash"
-				/></li>
 			</ul>
 
 			<div
@@ -87,7 +82,6 @@
 					v-for="item in stash.movies"
 					:key="`movie-${item.id}`"
 					:movie="item.movie"
-					:stash="stash"
 					@stash="fetchStash"
 				/>
 			</div>
@@ -263,7 +257,6 @@ export default {
     display: grid;
     grid-gap: .5rem;
     grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-	grid-template-rows: min-content;
 	flex-grow: 1;
 	padding: 1rem;
 	border-top: solid 1px var(--shadow-hint);
@@ -279,9 +272,10 @@ export default {
 	border-top: solid 1px var(--shadow-hint);
 }
 
-.stash-scenes .tiles {
+.stash-scenes {
+	.tiles {
 		grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
-	grid-template-rows: min-content;
+	}
 }
 
 @media(max-width: $breakpoint-small) {

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.199.3",
+    "version": "1.199.2",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.199.3",
+    "version": "1.199.2",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {