Add ccheart_red icon

components/awtis/mizik-lyen.js

@@ -1,6 +1,8 @@
 import PropTypes from 'prop-types'
 import Link from 'next/link'
+import Image from 'next/image'
 import ListItemButton from '@mui/material/ListItemButton'
+import Box from '@mui/material/Box'
 import ListItemText from '@mui/material/ListItemText'
 import Typography from '@mui/material/Typography'
 import ListItemAvatar from '@mui/material/ListItemAvatar'
@@ -34,6 +36,18 @@ export default function MizikLyen({niAwtis, anPawol, kuveti, slug, meteEsMobilOu
           primary={<Typography sx={{fontWeight: 'bold'}} color='info.main'>{anPawol.attributes.titre}</Typography>}
           secondary={niAwtis ? getAlias(anPawol.attributes.artistes, anPawol.attributes.prioriteArtistes) : null} />
 
+        {anPawol.attributes.creativeCommons && (
+          <Box marginInline={1}>
+            <Image
+              width={24}
+              height={24}
+              title='Creative Commons'
+              alt='ccheart_red'
+              src='/images/cc/icons/ccheart_red.svg'
+            />
+          </Box>
+        )}
+
         {esBrandNew(anPawol.attributes.publishedAt) && (
           <FiberNewOutlinedIcon style={{fontSize: 30, marginRight: 5}} color='primary' />
         )}

components/teks/teks-kat.js

@@ -2,6 +2,7 @@
 
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/navigation'
+import Image from 'next/image'
 import {format} from 'date-fns'
 import {fr} from 'date-fns/locale'
 import Card from '@mui/material/Card'
@@ -65,6 +66,18 @@ export default function TeksKat({parole}) {
               <Typography display='inline' style={{marginRight: 5}} variant='h6' component='h2'>
                 {titre}
               </Typography>
+              {attributes.creativeCommons && (
+                <Box marginInline={1}>
+                  <Image
+                    width={24}
+                    height={24}
+                    title='Creative Commons'
+                    alt='ccheart_red'
+                    src='/images/cc/icons/ccheart_red.svg'
+                  />
+                </Box>
+              )}
+
               {attributes.explicitLyrics && (
                 <ExplicitIcon style={{marginRight: 5}} color='error' fontSize='small' />
               )}