revert: ⏪ revert extra-actions

src/components/Feed/Episodes.vue

@@ -14,7 +14,7 @@
 				target="_self"
 				:title="episode.description"
 				@click="modalEpisode = episode">
-				<template #extra-actions>
+				<template #actions>
 					<NcActionButton
 						v-if="!isCurrentEpisode(episode)"
 						:aria-label="t('repod', 'Play')"
@@ -34,49 +34,51 @@
 						</template>
 					</NcActionButton>
 				</template>
-				<template #actions>
-					<NcActionButton
-						v-if="episode.duration && !hasEnded(episode)"
-						:aria-label="t('repod', 'Mark as read')"
-						:disabled="loadingAction"
-						:name="t('repod', 'Mark as read')"
-						:title="t('repod', 'Mark as read')"
-						@click="markAs(episode, true)">
-						<template #icon>
-							<PlaylistPlayIcon :size="20" />
-						</template>
-					</NcActionButton>
-					<NcActionButton
-						v-if="episode.duration && hasEnded(episode)"
-						:aria-label="t('repod', 'Mark as unread')"
-						:disabled="loadingAction"
-						:name="t('repod', 'Mark as unread')"
-						:title="t('repod', 'Mark as unread')"
-						@click="markAs(episode, false)">
-						<template #icon>
-							<PlaylistRemoveIcon :size="20" />
-						</template>
-					</NcActionButton>
-					<NcActionLink
-						v-if="episode.link"
-						:href="episode.link"
-						:name="t('repod', 'Open website')"
-						target="_blank"
-						:title="t('repod', 'Open website')">
-						<template #icon>
-							<OpenInNewIcon :size="20" />
-						</template>
-					</NcActionLink>
-					<NcActionLink
-						v-if="episode.url"
-						:href="episode.url"
-						:name="t('repod', 'Download')"
-						target="_blank"
-						:title="t('repod', 'Download')">
-						<template #icon>
-							<DownloadIcon :size="20" />
-						</template>
-					</NcActionLink>
+				<template #extra>
+					<NcActions>
+						<NcActionButton
+							v-if="episode.duration && !hasEnded(episode)"
+							:aria-label="t('repod', 'Mark as read')"
+							:disabled="loadingAction"
+							:name="t('repod', 'Mark as read')"
+							:title="t('repod', 'Mark as read')"
+							@click="markAs(episode, true)">
+							<template #icon>
+								<PlaylistPlayIcon :size="20" />
+							</template>
+						</NcActionButton>
+						<NcActionButton
+							v-if="episode.duration && hasEnded(episode)"
+							:aria-label="t('repod', 'Mark as unread')"
+							:disabled="loadingAction"
+							:name="t('repod', 'Mark as unread')"
+							:title="t('repod', 'Mark as unread')"
+							@click="markAs(episode, false)">
+							<template #icon>
+								<PlaylistRemoveIcon :size="20" />
+							</template>
+						</NcActionButton>
+						<NcActionLink
+							v-if="episode.link"
+							:href="episode.link"
+							:name="t('repod', 'Open website')"
+							target="_blank"
+							:title="t('repod', 'Open website')">
+							<template #icon>
+								<OpenInNewIcon :size="20" />
+							</template>
+						</NcActionLink>
+						<NcActionLink
+							v-if="episode.url"
+							:href="episode.url"
+							:name="t('repod', 'Download')"
+							target="_blank"
+							:title="t('repod', 'Download')">
+							<template #icon>
+								<DownloadIcon :size="20" />
+							</template>
+						</NcActionLink>
+					</NcActions>
 				</template>
 				<template #icon>
 					<NcAvatar
@@ -114,6 +116,7 @@
 import {
 	NcActionButton,
 	NcActionLink,
+	NcActions,
 	NcAvatar,
 	NcListItem,
 	NcModal,
@@ -148,6 +151,7 @@ export default {
 		Modal,
 		NcActionButton,
 		NcActionLink,
+		NcActions,
 		NcAvatar,
 		NcListItem,
 		NcModal,