From 55967bfc3cc8889d9d9c149c7cf38640f001c08c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Fri, 3 Jul 2026 16:57:44 +0400
Subject: [PATCH] refactor: generaliser stems en kits (type
 Stems/Acapella+Instru)

---
 .../files/{stems-dialog.js => kits-dialog.js} | 20 +++++++++----------
 components/teks/teks.js                       |  8 ++++----
 lib/oki-api.js                                |  2 +-
 3 files changed, 15 insertions(+), 15 deletions(-)
 rename components/files/{stems-dialog.js => kits-dialog.js} (78%)

diff --git a/components/files/stems-dialog.js b/components/files/kits-dialog.js
similarity index 78%
rename from components/files/stems-dialog.js
rename to components/files/kits-dialog.js
index b5da56b..78964b2 100644
--- a/components/files/stems-dialog.js
+++ b/components/files/kits-dialog.js
@@ -21,7 +21,7 @@ const PLATFORM_ICON = {
   kDrive: CloudDownloadIcon,
 }
 
-export default function StemsDialog({stems}) {
+export default function KitsDialog({kits}) {
   const [open, setOpen] = useState(false)
   const theme = useTheme()
   const fullScreen = useMediaQuery(theme.breakpoints.down('md'))
@@ -37,26 +37,26 @@ export default function StemsDialog({stems}) {
   return (
     <>
       <Button endIcon={<CloudDownloadIcon />} sx={{marginBottom: 2}} variant='outlined' onClick={handleClickOpen}>
-        Stems
+        Kits
       </Button>
       <Dialog
         fullScreen={fullScreen}
         open={open}
-        aria-labelledby='StemsDialog'
+        aria-labelledby='KitsDialog'
         onClose={handleClose}
       >
-        <DialogTitle>Télécharger les stems</DialogTitle>
+        <DialogTitle>Télécharger un kit</DialogTitle>
         <DialogContent dividers>
           <List>
-            {stems.map((stem, index) => {
-              const PlatformIcon = PLATFORM_ICON[stem.plateforme] ?? CloudDownloadIcon
+            {kits.map((kit, index) => {
+              const PlatformIcon = PLATFORM_ICON[kit.plateforme] ?? CloudDownloadIcon
               return (
                 <ListItem key={index} disablePadding>
-                  <ListItemButton component='a' href={stem.url} target='_blank' rel='noopener noreferrer'>
+                  <ListItemButton component='a' href={kit.url} target='_blank' rel='noopener noreferrer'>
                     <ListItemIcon>
                       <PlatformIcon />
                     </ListItemIcon>
-                    <ListItemText primary={stem.plateforme} />
+                    <ListItemText primary={kit.type} secondary={kit.plateforme} />
                   </ListItemButton>
                 </ListItem>
               )
@@ -73,6 +73,6 @@ export default function StemsDialog({stems}) {
   )
 }
 
-StemsDialog.propTypes = {
-  stems: PropTypes.array.isRequired
+KitsDialog.propTypes = {
+  kits: PropTypes.array.isRequired
 }
diff --git a/components/teks/teks.js b/components/teks/teks.js
index 90e231c..1ac8dd4 100644
--- a/components/teks/teks.js
+++ b/components/teks/teks.js
@@ -23,7 +23,7 @@ import {formatKuveti} from '../../lib/kuveti'
 
 import LicenseModal from '../cc/license-modal'
 import FilesDialog from '../files/files-dialog'
-import StemsDialog from '../files/stems-dialog'
+import KitsDialog from '../files/kits-dialog'
 import {StreamButton} from '../streaming-buttons'
 import EntegreMizik from './entegre-mizik'
 import OkiMizik from './oki-mizik'
@@ -185,13 +185,13 @@ export default function Teks({parole}) {
             <LicenseModal license={parole.creativeCommons.toLowerCase()} sourceOriginale={parole.sourceOriginale ?? null} remixes={parole.remixes?.length ? parole.remixes : null} />
           </Box>
         )}
-        {(parole?.files || (parole.creativeCommons && parole.stems?.length > 0)) && (
+        {(parole?.files || (parole.creativeCommons && parole.kits?.length > 0)) && (
           <Box sx={{display: 'flex', flexWrap: 'wrap', justifyContent: 'center', gap: 1}}>
             {parole?.files && (
               <FilesDialog files={parole.files} />
             )}
-            {parole.creativeCommons && parole.stems?.length > 0 && (
-              <StemsDialog stems={parole.stems} />
+            {parole.creativeCommons && parole.kits?.length > 0 && (
+              <KitsDialog kits={parole.kits} />
             )}
           </Box>
         )}
diff --git a/lib/oki-api.js b/lib/oki-api.js
index fbb41d2..b988f10 100644
--- a/lib/oki-api.js
+++ b/lib/oki-api.js
@@ -54,7 +54,7 @@ export async function jwennTeksEpiSlug(slug) {
       streamVideo: {
         populate: '*'
       },
-      stems: {
+      kits: {
         populate: '*'
       },
       traductions: {