refactor: renamed ViewSong to ViewMedia

frontend/src/components/ModalManager.vue

@@ -27,7 +27,7 @@ const modalComponents = shallowRef(
 		importArtist: "ImportArtist.vue",
 		confirm: "Confirm.vue",
 		editSong: "EditSong/index.vue",
-		viewSong: "ViewSong.vue",
+		viewMedia: "ViewMedia.vue",
 		bulkEditPlaylist: "BulkEditPlaylist.vue",
 		convertSpotifySongs: "ConvertSpotifySongs.vue",
 		replaceSpotifySongs: "ReplaceSpotifySongs.vue"

frontend/src/components/SongItem.vue

@@ -120,10 +120,10 @@ const hoverTippy = () => {
 	hoveredTippy.value = true;
 };
 
-const viewSong = mediaSource => {
+const viewMedia = mediaSource => {
 	hideTippyElements();
 	openModal({
-		modal: "viewSong",
+		modal: "viewMedia",
 		props: {
 			mediaSource
 		}
@@ -275,8 +275,8 @@ onUnmounted(() => {
 									(songMediaType === 'youtube' ||
 										songMediaType === 'soundcloud')
 								"
-								@click="viewSong(song.mediaSource)"
-								content="View Song"
+								@click="viewMedia(song.mediaSource)"
+								content="View Media"
 								v-tippy
 							>
 								<div

frontend/src/components/YoutubePlayer.vue

@@ -177,7 +177,7 @@ const sendActivityWatchMediaData = () => {
 				activityWatchMediaLastStartDuration.value <= 0
 					? 0
 					: activityWatchMediaLastStartDuration.value,
-			source: `viewSong#${props.song.mediaSource}`,
+			source: `viewMedia#${props.song.mediaSource}`,
 			hostname: window.location.hostname,
 			playerState: Object.keys(window.YT.PlayerState).find(
 				key =>

frontend/src/pages/Admin/YouTube/Videos.vue

@@ -322,7 +322,7 @@ const removeVideos = videoIds => {
 						class="button is-primary icon-with-button material-icons"
 						@click="
 							openModal({
-								modal: 'viewSong',
+								modal: 'viewMedia',
 								props: {
 									mediaSource: `youtube:${slotProps.item.youtubeId}`
 								}