Added actor stash.

components/scenes/scenes.vue

@@ -68,7 +68,7 @@
 					<option value="latest">Latest</option>
 					<option value="upcoming">Upcoming</option>
 					<option value="new">New</option>
-					<option value="likes">Likes</option>
+					<option value="likes">Popular</option>
 				</select>
 			</div>
 

components/scenes/tile.vue

@@ -110,6 +110,8 @@ import { ref, inject } from 'vue';
 import { format } from 'date-fns';
 
 import { post, del } from '#/src/api.js';
+import events from '#/src/events.js';
+import ellipsis from '#/utils/ellipsis.js';
 
 import Icon from '../icon/icon.vue';
 
@@ -125,23 +127,47 @@ const user = pageContext.user;
 const pageStash = pageContext.pageProps.stash;
 
 const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.primary));
+const fbCutoff = 20;
 
 async function stash() {
 	try {
 		favorited.value = true;
+
 		await post(`/stashes/${user.primaryStash.id}/scenes`, { sceneId: props.scene.id });
+
+		events.emit('feedback', {
+			type: 'success',
+			message: `"${ellipsis(props.scene.title, fbCutoff)}" stashed to ${user.primaryStash.name}`,
+		});
 	} catch (error) {
 		favorited.value = false;
+
+		events.emit('feedback', {
+			type: 'error',
+			message: `Failed to stash "${ellipsis(props.scene.title, fbCutoff)}" to ${user.primaryStash.name}`,
+		});
 	}
 }
 
 async function unstash() {
 	try {
 		favorited.value = false;
+
 		await del(`/stashes/${user.primaryStash.id}/scenes/${props.scene.id}`);
+
+		events.emit('feedback', {
+			type: 'remove',
+			message: `"${ellipsis(props.scene.title, fbCutoff)}" unstashed from ${user.primaryStash.name}`,
+		});
 	} catch (error) {
-		console.error(error);
 		favorited.value = true;
+
+		console.error(error);
+
+		events.emit('feedback', {
+			type: 'error',
+			message: `Failed to unstash "${ellipsis(props.scene.title, fbCutoff)}" from ${user.primaryStash.name}`,
+		});
 	}
 }
 </script>