From 45d18dc493becf2742bb2a4133cf1b798b5723fc Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Thu, 20 Mar 2025 21:32:59 +0100
Subject: [PATCH] fix(front): minor type and format fixes

---
 front/src/components/artist/Card.vue                | 8 ++++----
 front/src/types.ts                                  | 3 +--
 front/src/ui/modals/Upload.vue                      | 3 ++-
 front/src/views/admin/moderation/AccountsDetail.vue | 2 +-
 front/src/views/admin/moderation/Base.vue           | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/front/src/components/artist/Card.vue b/front/src/components/artist/Card.vue
index b0ebe063e..e93e403e7 100644
--- a/front/src/components/artist/Card.vue
+++ b/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" />
diff --git a/front/src/types.ts b/front/src/types.ts
index 856d5afe9..eca0a547e 100644
--- a/front/src/types.ts
+++ b/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']
 
diff --git a/front/src/ui/modals/Upload.vue b/front/src/ui/modals/Upload.vue
index f50846295..31082c664 100644
--- a/front/src/ui/modals/Upload.vue
+++ b/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>
diff --git a/front/src/views/admin/moderation/AccountsDetail.vue b/front/src/views/admin/moderation/AccountsDetail.vue
index 2e6526413..7ead0eb01 100644
--- a/front/src/views/admin/moderation/AccountsDetail.vue
+++ b/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">
diff --git a/front/src/views/admin/moderation/Base.vue b/front/src/views/admin/moderation/Base.vue
index 69c01c9b5..06b8bdd3c 100644
--- a/front/src/views/admin/moderation/Base.vue
+++ b/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