feat: media page T1

web/src/components/MediaDetailPanel.vue

@@ -9,6 +9,7 @@ import {
 	formatMediaDate,
 	formatSize,
 	formatType,
+	joinNames,
 	pluralArticles,
 } from '@/lib/mediaFormat'
 
@@ -27,6 +28,7 @@ const emit = defineEmits<{
 	'copy-url': []
 	rename: []
 	delete: []
+	'review-duplicates': []
 }>()
 
 const open = defineModel<boolean>('open', { default: false })
@@ -55,13 +57,6 @@ const metadata = computed(() => {
 
 const displayUrl = computed(() => `${window.location.host}${props.item?.url ?? ''}`)
 
-function joinNames(names: string[]) {
-	if (names.length <= 1) {
-		return names.join('')
-	}
-	return `${names.slice(0, -1).join(', ')} and ${names[names.length - 1]}`
-}
-
 const duplicateAlert = computed(() => {
 	if (!props.item?.duplicate || props.copies.length === 0) {
 		return null
@@ -149,10 +144,10 @@ const duplicateAlert = computed(() => {
 							color="neutral"
 							variant="outline"
 							icon="i-lucide-arrow-right"
-							disabled
 							block
 							class="h-11 gap-1.5 border border-accented bg-default px-2.5 text-xs text-highlighted ring-0 md:h-7"
 							:ui="{ leadingIcon: 'size-3.5' }"
+							@click="emit('review-duplicates')"
 						>
 							Review duplicates
 						</UButton>