diff --git a/components/awtis/awtis-detay.js b/components/awtis/awtis-detay.js
index 2d0e2a7..562969b 100644
--- a/components/awtis/awtis-detay.js
+++ b/components/awtis/awtis-detay.js
@@ -21,6 +21,8 @@ import {green} from '@mui/material/colors'
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace'
+import VerifiedIcon from '@mui/icons-material/Verified'
+
import {formatKuveti} from '../../lib/kuveti'
import AwtisBiyografi from './awtis-biyografi'
import MizikLyen from './mizik-lyen'
@@ -32,7 +34,7 @@ const sortTeks = paroles => paroles.sort((a, b) => a.titre.localeCompare(b.titre
export default function AwtisDetay({anAwtis}) {
const [esByografiOuve, meteEsByografiOuve] = useState(false)
- const {alias, biographie, paroles, photo} = anAwtis
+ const {alias, biographie, paroles, photo, isOKIAwtis} = anAwtis
const sortedTeks = sortTeks(paroles)
const gwanBiyo = biographie && biographie.length > 100
@@ -56,6 +58,19 @@ export default function AwtisDetay({anAwtis}) {
sx={{width: 200, height: 200, border: `2px solid ${green[500]}`}}
/>
+ {isOKIAwtis && (
+
+ }
+ label='Artiste OKI Exclusif'
+ size='small'
+ sx={{bgcolor: '#FFD700', color: '#000', fontWeight: 700, '& .MuiChip-icon': {color: '#000'}}}
+ />
+
+ Paroles publiées en exclusivité sur PAWÒL-NU, avant toute sortie sur les plateformes de streaming.
+
+
+ )}
{biyo && (
diff --git a/components/awtis/awtis-kat.js b/components/awtis/awtis-kat.js
index 9317ae9..99c60c7 100644
--- a/components/awtis/awtis-kat.js
+++ b/components/awtis/awtis-kat.js
@@ -10,8 +10,10 @@ import Card from '@mui/material/Card'
import CardMedia from '@mui/material/CardMedia'
import CardContent from '@mui/material/CardContent'
import Typography from '@mui/material/Typography'
+import Chip from '@mui/material/Chip'
import {styled} from '@mui/material/styles'
+import VerifiedIcon from '@mui/icons-material/Verified'
import AwtisBiyografi from './awtis-biyografi'
@@ -55,13 +57,26 @@ export default function AwtisKat({artiste}) {
const router = useRouter()
const [esByografiOuve, meteEsByografiOuve] = useState(false)
- const {alias, biographie, paroles, photo, slug} = artiste
+ const {alias, biographie, paroles, photo, slug, isOKIAwtis} = artiste
return (
-
- router.push(`${SITE_URL}/awtis/${slug}`)}>
+
+ {isOKIAwtis && (
+ }
+ label='OKI Exclusif'
+ size='small'
+ sx={{
+ position: 'absolute', top: 8, left: 8, zIndex: 1,
+ bgcolor: '#FFD700', color: '#000',
+ fontWeight: 700, fontSize: '0.7rem',
+ '& .MuiChip-icon': {color: '#000'},
+ }}
+ />
+ )}
+ router.push(`/awtis/${slug}`)}>