From 5936de59ff866325a8bcc2da0147b2fe8c1358f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 6 Jul 2026 02:01:44 +0400
Subject: [PATCH] fix: mettre en valeur l'option Transcription dans le select

---
 components/teks/teks.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/teks/teks.js b/components/teks/teks.js
index 6fb7190..770c7ea 100644
--- a/components/teks/teks.js
+++ b/components/teks/teks.js
@@ -6,6 +6,7 @@ import Box from '@mui/material/Box'
 import Select from '@mui/material/Select'
 import MenuItem from '@mui/material/MenuItem'
 import ListSubheader from '@mui/material/ListSubheader'
+import Divider from '@mui/material/Divider'
 import FormControl from '@mui/material/FormControl'
 import Typography from '@mui/material/Typography'
 import Tooltip from '@mui/material/Tooltip'
@@ -17,6 +18,7 @@ import {styled} from '@mui/material/styles'
 import ExplicitIcon from '@mui/icons-material/Explicit'
 import TranslateIcon from '@mui/icons-material/Translate'
 import StarIcon from '@mui/icons-material/Star'
+import ArticleIcon from '@mui/icons-material/Article'
 
 import Image from 'next/image'
 
@@ -280,16 +282,21 @@ export default function Teks({parole}) {
               MenuProps={{PaperProps: {sx: {maxHeight: 420}}}}
               renderValue={value => {
                 const label = value === 0 ? 'Transcription' : langArray[value - 1]?.title
+                const Icon = value === 0 ? ArticleIcon : TranslateIcon
                 return (
-                  <Box sx={{display: 'flex', alignItems: 'center', gap: 1}}>
-                    <TranslateIcon fontSize='small' color='primary' />
+                  <Box sx={{display: 'flex', alignItems: 'center', gap: 1, fontWeight: value === 0 ? 700 : 400}}>
+                    <Icon fontSize='small' color='primary' />
                     {label}
                   </Box>
                 )
               }}
               onChange={event => setTab(event.target.value)}
             >
-              <MenuItem value={0}>Transcription</MenuItem>
+              <MenuItem value={0} sx={{display: 'flex', gap: 0.75, fontWeight: 700}}>
+                <ArticleIcon fontSize='inherit' color='primary' />
+                Transcription
+              </MenuItem>
+              <Divider />
               {CONTINENTS.flatMap(continent => {
                 const items = langArray
                   .map((item, index) => ({...item, index}))