diff --git a/components/teks/vwe-koute-achte.js b/components/teks/vwe-koute-achte.js
index 5bd4c5c..d04e1a6 100644
--- a/components/teks/vwe-koute-achte.js
+++ b/components/teks/vwe-koute-achte.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import {useState} from 'react'
import PropTypes from 'prop-types'
import {
Youtube,
@@ -40,29 +40,29 @@ const vweyIcons = {
Soundcloud:
}
-export default function VweKouteAchte({teks, isVideo, isAudio}) {
+export default function VweKouteAchte({anTeks, niVideyo, niOdyo}) {
const classes = useStyles()
- const [open, setOpen] = React.useState(false)
- const {kouteyAchtey, liens} = teks
+ const [ouve, meteOuve] = useState(false)
+ const {kouteyAchtey, lyen} = anTeks
- const kouteyAchteyActions = kouteyAchtey.map(({store, lien}) => {
+ const kouteyAchteyActions = kouteyAchtey.map(({boutik, url}) => {
return {
- icon: kouteyAchteyIcons[store],
- name: store,
- link: lien
+ icon: kouteyAchteyIcons[boutik],
+ name: boutik,
+ link: url
}
})
- const vweyActions = liens.map(({lien, hebergeur}) => {
+ const vweyActions = lyen.map(({url, sit}) => {
return {
- icon: vweyIcons[hebergeur],
- name: hebergeur,
- link: lien
+ icon: vweyIcons[sit],
+ name: sit,
+ link: url
}
})
const handleOpen = () => {
- setOpen(true)
+ meteOuve(true)
}
const handleClick = link => {
@@ -70,7 +70,7 @@ export default function VweKouteAchte({teks, isVideo, isAudio}) {
}
const handleClose = () => {
- setOpen(false)
+ meteOuve(false)
}
return (
@@ -81,12 +81,12 @@ export default function VweKouteAchte({teks, isVideo, isAudio}) {
ariaLabel='SpeedDial openIcon example'
className={classes.speedDial}
direction='down'
- icon={ : } />}
- open={open}
+ icon={ : } />}
+ open={ouve}
onClose={handleClose}
onOpen={handleOpen}
>
- {isAudio && kouteyAchteyActions.map(action => (
+ {niOdyo && kouteyAchteyActions.map(action => (
handleClick(action.link)}
/>
))}
- {isVideo && vweyActions.map(action => (
+ {niVideyo && vweyActions.map(action => (