Added WIP campaigns. Fixed entity tiles using full logo.

components/scenes/scenes.vue

@@ -105,12 +105,21 @@
 			<ul
 				class="scenes nolist"
 			>
-				<li
-					v-for="scene in scenes"
-					:key="`scene-${scene.id}`"
-				>
-					<SceneTile :scene="scene" />
-				</li>
+				<template v-for="item in campaignScenes">
+					<li
+						v-if="item === 'campaign' && campaign"
+						:key="`campaign-${item.id}`"
+					>
+						<Campaign :campaign="campaign" />
+					</li>
+
+					<li
+						v-else
+						:key="`scene-${item.id}`"
+					>
+						<SceneTile :scene="item" />
+					</li>
+				</template>
 			</ul>
 
 			<Pagination
@@ -140,6 +149,7 @@ import ActorsFilter from '#/components/filters/actors.vue';
 import TagsFilter from '#/components/filters/tags.vue';
 import ChannelsFilter from '#/components/filters/channels.vue';
 import SceneTile from '#/components/scenes/tile.vue';
+import Campaign from '#/components/campaigns/campaign.vue';
 import Pagination from '#/components/pagination/pagination.vue';
 import Ellipsis from '#/components/loading/ellipsis.vue';
 
@@ -196,6 +206,10 @@ const filters = ref({
 	actors: queryActors,
 });
 
+const campaign = pageProps.campaigns?.scenes;
+const campaignIndex = pageProps.campaigns?.index;
+const campaignScenes = scenes.value.flatMap((scene, index) => (index === campaignIndex ? ['campaign', scene] : scene));
+
 function getPath(targetScope, preserveQuery) {
 	const path = parse(routeParams.path).map((segment) => {
 		if (segment.name === 'scope') {