Moved actor merge from bio to edit.

pages/actors/edit/+Page.vue

@@ -55,11 +55,25 @@
 			>
 				<h2 class="heading ellipsis">Edit actor #{{ actor.id }} - {{ actor.name }}</h2>
 
-				<a
-					:href="`/actor/${actor.id}/${actor.slug}`"
-					target="_blank"
-					class="link noshrink"
-				>Go to actor</a>
+				<span class="header-actions">
+					<span
+						target="_blank"
+						class="link noshrink"
+						@click="showMergeDialog = true"
+					>Merge</span>
+
+					<Merge
+						v-if="showMergeDialog"
+						:actors="[actor]"
+						@close="showMergeDialog = false"
+					/>
+
+					<a
+						:href="`/actor/${actor.id}/${actor.slug}`"
+						target="_blank"
+						class="link noshrink"
+					>Go to actor</a>
+				</span>
 			</div>
 
 			<div
@@ -367,6 +381,7 @@ import EditPenis from '#/components/edit/penis.vue';
 import Avatar from '#/components/edit/avatar.vue';
 import Checkbox from '#/components/form/checkbox.vue';
 import Ellipsis from '#/components/loading/ellipsis.vue';
+import Merge from '#/components/actors/merge.vue';
 
 import {
 	// get,
@@ -591,6 +606,7 @@ const comment = ref(null);
 const apply = ref(user.role !== 'user');
 const submitting = ref(false);
 const submitted = ref(false);
+const showMergeDialog = ref(false);
 
 const sizeUnits = ref('metric');
 const figureUnits = ref('us');
@@ -703,9 +719,21 @@ async function submit() {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+		gap: 1rem;
 		padding: 1rem;
 	}
 
+	.header-actions {
+		display: flex;
+		flex-direction: row;
+		gap: 1rem;
+		align-items: center;
+
+		.link {
+			cursor: pointer;
+		}
+	}
+
 	.heading {
 		margin: 0;
 	}
@@ -946,5 +974,9 @@ async function submit() {
 			flex-grow: 1;
 		}
 	}
+
+	.editor-header {
+		flex-direction: column;
+	}
 }
 </style>

pages/scene/edit/+Page.vue

@@ -275,6 +275,7 @@ const fields = computed(() => [
 	},
 	{
 		key: 'url',
+		label: 'URL',
 		type: 'string',
 		value: scene.value.url,
 		enabled: verifyAbility(user, 'scene', 'update'),