diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js index fed2f71..70fc5d6 100644 --- a/components/teks/teks-drawer.js +++ b/components/teks/teks-drawer.js @@ -9,7 +9,8 @@ import { CssBaseline, Drawer, Hidden, - IconButton + IconButton, + Box } from '@mui/material' import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace' @@ -116,7 +117,7 @@ const Root = styled('div')(( const drawerWidth = 240 -export default function TeksDrawer({teks, anTeks, komante}) { +export default function TeksDrawer({teks, anTeks, komante, denyeTeks}) { const theme = useTheme() const [esMobilOuve, meteEsMobilOuve] = useState(false) const [open, setOpen] = useState(false) @@ -228,7 +229,9 @@ export default function TeksDrawer({teks, anTeks, komante}) { handleClose={handleClose} /> ) : ( - + + + )} @@ -238,10 +241,12 @@ export default function TeksDrawer({teks, anTeks, komante}) { TeksDrawer.propTypes = { teks: PropTypes.array.isRequired, anTeks: PropTypes.object, - komante: PropTypes.array + komante: PropTypes.array, + denyeTeks: PropTypes.array } TeksDrawer.defaultProps = { anTeks: null, - komante: null + komante: null, + denyeTeks: null } diff --git a/pages/paroles/index.js b/pages/paroles/index.js index 54a94ac..6fe98f6 100644 --- a/pages/paroles/index.js +++ b/pages/paroles/index.js @@ -1,28 +1,31 @@ import PropTypes from 'prop-types' -import {jwennTeks} from '../../lib/oki-api' +import {jwennDenyeTeks, jwennTeks} from '../../lib/oki-api' import TeksDrawer from '../../components/teks/teks-drawer' import HeadLayout from '../../components/head-layout' -export default function Teks({teks}) { +export default function Teks({teks, denyeTeks}) { return ( - + ) } export async function getServerSideProps() { const teks = await jwennTeks() + const denyeTeks = await jwennDenyeTeks() return { props: { - teks + teks, + denyeTeks } } } Teks.propTypes = { - teks: PropTypes.array.isRequired + teks: PropTypes.array.isRequired, + denyeTeks: PropTypes.array.isRequired }