diff --git a/components/cc/license-modal.js b/components/cc/license-modal.js
index 6e6aacf..ecb2d6f 100644
--- a/components/cc/license-modal.js
+++ b/components/cc/license-modal.js
@@ -8,11 +8,13 @@ import Box from '@mui/material/Box'
import DialogActions from '@mui/material/DialogActions'
import DialogContent from '@mui/material/DialogContent'
import DialogTitle from '@mui/material/DialogTitle'
+import Divider from '@mui/material/Divider'
+import Link from '@mui/material/Link'
import useMediaQuery from '@mui/material/useMediaQuery'
import {useTheme} from '@mui/material/styles'
import LicensesInfo from './licenses-infos'
-export default function LicenseModal({license}) {
+export default function LicenseModal({license, sourceOriginale, remixes}) {
const [open, setOpen] = useState(false)
const theme = useTheme()
const fullScreen = useMediaQuery(theme.breakpoints.down('md'))
@@ -53,6 +55,48 @@ export default function LicenseModal({license}) {
+ {sourceOriginale && (
+
+
+ Basé sur
+
+
+ {sourceOriginale.titre}
+
+ {sourceOriginale.artistes?.length > 0 && (
+
+ {sourceOriginale.artistes.map(a => a.alias).join(', ')}
+
+ )}
+ {sourceOriginale.annee && (
+ {sourceOriginale.annee}
+ )}
+
+
+ )}
+ {remixes && (
+
+
+ Déclinaisons
+
+ {remixes.map(remix => (
+
+
+ {remix.titre}
+
+ {remix.artistes?.length > 0 && (
+
+ {remix.artistes.map(a => a.alias).join(', ')}
+
+ )}
+ {remix.annee && (
+ {remix.annee}
+ )}
+
+ ))}
+
+
+ )}
@@ -66,5 +110,7 @@ export default function LicenseModal({license}) {
}
LicenseModal.propTypes = {
- license: PropTypes.string.isRequired
+ license: PropTypes.string.isRequired,
+ sourceOriginale: PropTypes.object,
+ remixes: PropTypes.array
}
diff --git a/lib/oki-api.js b/lib/oki-api.js
index d469884..fe4c92f 100644
--- a/lib/oki-api.js
+++ b/lib/oki-api.js
@@ -59,6 +59,22 @@ export async function jwennTeksEpiSlug(slug) {
},
pawol: {
populate: '*'
+ },
+ sourceOriginale: {
+ fields: ['titre', 'slug', 'annee'],
+ populate: {
+ artistes: {
+ fields: ['alias', 'slug']
+ }
+ }
+ },
+ remixes: {
+ fields: ['titre', 'slug', 'annee'],
+ populate: {
+ artistes: {
+ fields: ['alias', 'slug']
+ }
+ }
}
},
filters: {