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: {