Fix lint errors

components/awtis/mizik-badj-meni.js

@@ -90,7 +90,7 @@ export default function MizikBadjMeni({teks}) {
           >
             <Paper>
               <ClickAwayListener onClickAway={handleClose}>
-                <MenuList autoFocusItem={open} id='menu-list-grow' onKeyDown={handleListKeyDown}>
+                <MenuList autoFocusItem={open} id='menu-list-grow' onKeyDown={() => handleListKeyDown()}>
                   {teks.map(t => <MenuItem key={t._id} onClick={() => handleClick(t.slug)}>{t.tit}</MenuItem>)}
                 </MenuList>
               </ClickAwayListener>

components/komante/vwe-komante.js

@@ -1,7 +1,6 @@
 import {useState, useEffect, useRef} from 'react'
 import PropTypes from 'prop-types'
 import {useSession} from 'next-auth/client'
-import Koneksyon from '../sesyon/koneksyon'
 
 import {
   IconButton,
@@ -17,8 +16,9 @@ import {
   makeStyles
 } from '@material-ui/core'
 import AddCommentIcon from '@material-ui/icons/AddComment'
-import KomanteList from './komante-list'
 import {useRouter} from 'next/router'
+import Koneksyon from '../sesyon/koneksyon'
+import KomanteList from './komante-list'
 import EkriKomante from './ekri-komante'
 
 const useStyles = makeStyles(theme => ({

components/sesyon/dekoneksyon.js

@@ -34,7 +34,7 @@ function Dekoneksyon({chimen, tooltipPlacement, ...props}) {
 
   return (
     <>
-      <Link href='/api/auth/signout'>
+      <Link passHref href='/api/auth/signout'>
         <DekoneksonTooltip title='Dékoneksyon' placement={tooltipPlacement} TransitionComponent={Zoom}>
           <Fab
             className={classes.dekoneksyon}

components/sesyon/login-provider.js

@@ -12,7 +12,7 @@ export default function LoginProvider({id, title, icon, callbackUrl}) {
   }
 
   return (
-    <Link href='/api/auth/signin'>
+    <Link passHref href='/api/auth/signin'>
       <Button
         variant='contained'
         color='primary'

components/soumet/ekri-teks.js

@@ -260,7 +260,7 @@ function EkriTeks({session}) {
         {loading && <LinearProgress size={24} style={{width: '100%', marginBlock: '1em'}} />}
       </div>
       {success && (
-        <Snackbar open={open} autoHideDuration={10000} onClose={handleClose}>
+        <Snackbar open={open} autoHideDuration={10_000} onClose={handleClose}>
           <Alert severity='success' onClose={handleClose}>
             <strong>{success}</strong>
           </Alert>

components/teks/entegre-mizik.js

@@ -19,20 +19,37 @@ const kouteyAchteyIcons = {
 
 function RannIframe({boutik, url, isMobile}) {
   let src = ''
-  if (boutik === 'Tidal') {
-    const trackArray = url.split('/')
-    const trackId = trackArray[trackArray.length - 1]
-    src = `https://embed.tidal.com/tracks/${trackId}?disableAnalytics=true`
-  } else if (boutik === 'Deezer') {
-    const trackArray = url.split('/')
-    const trackId = trackArray[trackArray.length - 1]
-    src = `https://widget.deezer.com/widget/auto/track/${trackId}?tracklist=false`
-  } else if (boutik === 'Spotify') {
-    const trackArray = url.split('/')
-    const trackId = trackArray[trackArray.length - 1]
-    src = `https://open.spotify.com/embed/track/${trackId}`
-  } else if (boutik === 'Soundcloud') {
-    src = `https://w.soundcloud.com/player/?url=${url}`
+  switch (boutik) {
+    case 'Tidal': {
+      const trackArray = url.split('/')
+      const trackId = trackArray[trackArray.length - 1]
+      src = `https://embed.tidal.com/tracks/${trackId}?disableAnalytics=true`
+
+      break
+    }
+
+    case 'Deezer': {
+      const trackArray = url.split('/')
+      const trackId = trackArray[trackArray.length - 1]
+      src = `https://widget.deezer.com/widget/auto/track/${trackId}?tracklist=false`
+
+      break
+    }
+
+    case 'Spotify': {
+      const trackArray = url.split('/')
+      const trackId = trackArray[trackArray.length - 1]
+      src = `https://open.spotify.com/embed/track/${trackId}`
+
+      break
+    }
+
+    case 'Soundcloud': {
+      src = `https://w.soundcloud.com/player/?url=${url}`
+
+      break
+    }
+  // No default
   }
 
   return (
@@ -108,13 +125,11 @@ function EntegreMizik({anTeks, isMobile}) {
         Écouter
       </Typography>
 
-      {!okiMizikID && filteredKouteyAchtey.map(({_id, boutik, url}) => {
-        return (
-          <IconButton key={_id} aria-label='player' onClick={() => handleClick(boutik, url)}>
-            {kouteyAchteyIcons[boutik]}
-          </IconButton>
-        )
-      })}
+      {!okiMizikID && filteredKouteyAchtey.map(({_id, boutik, url}) => (
+        <IconButton key={_id} aria-label='player' onClick={() => handleClick(boutik, url)}>
+          {kouteyAchteyIcons[boutik]}
+        </IconButton>
+      ))}
 
       {chwaMizik && (
         <RannIframe boutik={chwaMizik.boutik} url={chwaMizik.url} isMobile={isMobile} />

components/teks/pataje.js

@@ -1,4 +1,4 @@
-import React, {useState} from 'react'
+import {useState} from 'react'
 import PropTypes from 'prop-types'
 
 import {makeStyles} from '@material-ui/core/styles'

components/teks/teks-drawer.js

@@ -28,6 +28,7 @@ import MenuIcon from '@material-ui/icons/Menu'
 
 import {makeStyles, useTheme} from '@material-ui/core/styles'
 
+import MuiAlert from '@material-ui/lab/Alert'
 import {formatJsonString} from '../../lib/utils/format'
 
 import VweKomante from '../komante/vwe-komante'
@@ -40,8 +41,6 @@ import OkiMizik from './oki-mizik'
 import Pataje from './pataje'
 import EntegreMizik from './entegre-mizik'
 
-import MuiAlert from '@material-ui/lab/Alert'
-
 function Alert(props) {
   return <MuiAlert elevation={6} variant='filled' {...props} />
 }
@@ -228,7 +227,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
           </IconButton>
           {anTeks ? (
             <>
-              <Link href='/teks'>
+              <Link passHref href='/teks'>
                 <IconButton aria-label='return' size='medium'>
                   <KeyboardBackspaceIcon style={{fontSize: '1.5em'}} />
                 </IconButton>

components/teks/vwe-koute-achte.js

@@ -51,21 +51,17 @@ export default function VweKouteAchte({anTeks, niVideyo, niOdyo}) {
   const [ouve, meteOuve] = useState(false)
   const {kouteyAchtey, lyen} = anTeks
 
-  const kouteyAchteyActions = kouteyAchtey.map(({boutik, url}) => {
-    return {
-      icon: kouteyAchteyIcons[boutik],
-      name: boutik,
-      link: url
-    }
-  })
+  const kouteyAchteyActions = kouteyAchtey.map(({boutik, url}) => ({
+    icon: kouteyAchteyIcons[boutik],
+    name: boutik,
+    link: url
+  }))
 
-  const vweyActions = lyen.map(({url, sit}) => {
-    return {
-      icon: vweyIcons[sit],
-      name: sit,
-      link: url
-    }
-  })
+  const vweyActions = lyen.map(({url, sit}) => ({
+    icon: vweyIcons[sit],
+    name: sit,
+    link: url
+  }))
 
   const handleOpen = () => {
     meteOuve(true)