Create VweKouteAchte display links

components/teks/teks-drawer.js

@@ -21,6 +21,7 @@ import {makeStyles, useTheme} from '@material-ui/core/styles'
 
 import DrawerBar from './drawer-bar'
 import DenyeTeks from './denye-teks'
+import VweKouteAchte from './vwe-koute-achte'
 
 const drawerWidth = 240
 
@@ -79,6 +80,22 @@ const useStyles = makeStyles(theme => ({
   },
   grid: {
     marginTop: '1em'
+  },
+  koute: {
+    position: 'absolute',
+    right: '25px',
+    top: '8px',
+    [theme.breakpoints.up('sm')]: {
+      top: '10px'
+    }
+  },
+  vwe: {
+    position: 'absolute',
+    right: '90px',
+    top: '8px',
+    [theme.breakpoints.up('sm')]: {
+      top: '10px'
+    }
   }
 }))
 
@@ -122,6 +139,16 @@ export default function TeksDrawer({miziks, mizik}) {
               <Typography noWrap variant='h6'>
                 {teks.titre}
               </Typography>
+              {teks.liens && teks.liens.length > 0 && (
+                <div className={classes.vwe}>
+                  <VweKouteAchte isVideo teks={teks} />
+                </div>
+              )}
+              {teks.kouteyAchtey && teks.kouteyAchtey.length > 0 && (
+                <div className={classes.koute}>
+                  <VweKouteAchte isAudio teks={teks} />
+                </div>
+              )}
             </>
           ) : (
             <Typography noWrap variant='h6'>