fix(front): minor type and format fixes

front/src/components/artist/Card.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { type operations } from '~/generated/types.ts'
+import type { components, operations } from '~/generated/types.ts'
 
 import PlayButton from '~/components/audio/PlayButton.vue'
 import Card from '~/components/ui/Card.vue'
@@ -13,7 +13,7 @@ const albums = ref([] as Album[])
 const tracks = ref([] as Track[])
 
 interface Props {
-  artist: Artist;
+  artist: Artist | components['schemas']['ArtistWithAlbums'];
 }
 
 const { t } = useI18n()
@@ -56,10 +56,10 @@ const { artist } = props
     </template>
 
     <template #footer>
-      <span v-if="artist.content_category === 'music'">
+      <span v-if="artist.content_category === 'music' && 'tracks_count' in artist">
         {{ t('components.audio.artist.Card.meta.tracks', artist.tracks_count) }}
       </span>
-      <span v-else>
+      <span v-else-if="'tracks_count' in artist">
         {{ t('components.audio.artist.Card.meta.episodes', artist.tracks_count) }}
       </span>
       <Spacer style="flex-grow: 1" />

front/src/types.ts

@@ -68,9 +68,8 @@ export type Cover = components['schemas']['CoverField']
 export type RateLimitStatus = components['schemas']['RateLimit']['scopes'][number]
 export type PaginatedAlbumList = components['schemas']['PaginatedAlbumList']
 export type PaginatedChannelList = components['schemas']['PaginatedChannelList']
-export type SimpleArtist = components['schemas']['SimpleArtist']
 
-export type Artist = components['schemas']['SimpleArtist']
+export type Artist = components['schemas']['Artist']
 
 export type PrivacyLevel = components['schemas']['LibraryPrivacyLevelEnum']
 

front/src/ui/modals/Upload.vue

@@ -74,7 +74,7 @@ const channelUpload = ref()
 <template>
   <Modal
     v-model="isOpen"
-    :cancel="t('components.channels.UploadModal.button.cancel')"
+    :cancel="t('components.channels.UploadModal.button.close')"
     :title="modalTitle"
   >
     <!-- Page content -->
@@ -181,6 +181,7 @@ const channelUpload = ref()
         v-if="channelUpload"
         :on-click="() => channelUpload.publish()"
       >
+        <!-- Set update import_metadata from 'draft' to 'public' -->
         {{ t('components.channels.UploadModal.button.publish') }}
       </Button>
     </template>

front/src/views/admin/moderation/AccountsDetail.vue

@@ -167,7 +167,7 @@ const updatePolicy = (newPolicy: InstancePolicy) => {
         <Layout flex>
           <h2 class="ui header">
             <i class="bi-person-circle" />
-              {{ object.full_username }}
+            {{ object.full_username }}
             <div class="sub header">
               <template v-if="object.user">
                 <span class="ui tiny accent label">

front/src/views/admin/moderation/Base.vue

@@ -31,7 +31,7 @@ fetchNodeInfo()
 </script>
 
 <template>
-<!-- TODO: Replace with Tabs component -->
+  <!-- TODO: Replace with Tabs component -->
   <Layout
     v-title="labels.moderation"
     main