Add username to teks tit

components/teks/teks-drawer.js

@@ -10,7 +10,8 @@ import {
   CssBaseline,
   Drawer,
   Hidden,
-  IconButton
+  IconButton,
+  Box
 } from '@material-ui/core'
 
 import KeyboardBackspaceIcon from '@material-ui/icons/KeyboardBackspace'
@@ -183,9 +184,16 @@ export default function TeksDrawer({teks, anTeks}) {
       <main className={classes.content}>
         {anTeks ? (
           <>
-            <Typography noWrap align='center' style={{marginTop: '0.8em'}} variant='h4'>
+            <Box align='center'>
-              {anTeks.tit}
+              <Typography noWrap style={{marginTop: '0.8em'}} variant='h4'>
-            </Typography>
+                {anTeks.tit}
+              </Typography>
+              <Typography variant='caption'>
+                {anTeks.user && (
+                  <i>retranscrit par {anTeks.user.username}</i>
+                )}
+              </Typography>
+            </Box>
             {anTeks.okiMizikID && (
               <OkiMizik id={anTeks.okiMizikID} />
             )}

components/teks/teks-kat.js

@@ -45,9 +45,16 @@ export default function TeksKat({teks}) {
             title={tit}
           />
           <CardContent>
-            <Typography gutterBottom variant='h5' component='h2'>
+            <Typography display='inline' style={{marginRight: 5}} variant='h6' component='h2'>
               {tit}
             </Typography>
+            <Typography variant='caption'>
+              {teks.user && (
+                <>
+                  (<i>retranscrit par {teks.user.username}</i>)
+                </>
+              )}
+            </Typography>
             <Typography variant='body2' color='textSecondary' component='p'>
               {awtis.map(a => a.alias).join(', ')}
             </Typography>