From 32aac7dd9d1d7d010b524445c7a5669628f11016 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Tue, 18 Jan 2022 09:08:26 +0400
Subject: [PATCH] Fix lint errors

---
 components/awtis/mizik-badj-meni.js |  2 +-
 components/komante/vwe-komante.js   |  4 +-
 components/sesyon/dekoneksyon.js    |  2 +-
 components/sesyon/login-provider.js |  2 +-
 components/soumet/ekri-teks.js      |  2 +-
 components/teks/entegre-mizik.js    | 57 ++++++++++++++++++-----------
 components/teks/pataje.js           |  2 +-
 components/teks/teks-drawer.js      |  5 +--
 components/teks/vwe-koute-achte.js  | 24 +++++-------
 lib/utils/format.js                 |  6 +--
 pages/index.js                      |  3 +-
 pages/sitemap.xml.js                | 16 +++-----
 pages/teks/[slug].js                |  4 +-
 server.js                           |  9 +----
 14 files changed, 68 insertions(+), 70 deletions(-)

diff --git a/components/awtis/mizik-badj-meni.js b/components/awtis/mizik-badj-meni.js
index ca4bbd1..fcd8efa 100644
--- a/components/awtis/mizik-badj-meni.js
+++ b/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>
diff --git a/components/komante/vwe-komante.js b/components/komante/vwe-komante.js
index 8496989..40dc25f 100644
--- a/components/komante/vwe-komante.js
+++ b/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 => ({
diff --git a/components/sesyon/dekoneksyon.js b/components/sesyon/dekoneksyon.js
index 3206806..4828a64 100644
--- a/components/sesyon/dekoneksyon.js
+++ b/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}
diff --git a/components/sesyon/login-provider.js b/components/sesyon/login-provider.js
index 8e87593..5c5008a 100644
--- a/components/sesyon/login-provider.js
+++ b/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'
diff --git a/components/soumet/ekri-teks.js b/components/soumet/ekri-teks.js
index 84f608d..80547e9 100644
--- a/components/soumet/ekri-teks.js
+++ b/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>
diff --git a/components/teks/entegre-mizik.js b/components/teks/entegre-mizik.js
index 654cf57..41e13c6 100644
--- a/components/teks/entegre-mizik.js
+++ b/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} />
diff --git a/components/teks/pataje.js b/components/teks/pataje.js
index 42f8d90..81abbc9 100644
--- a/components/teks/pataje.js
+++ b/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'
diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index fa79515..208f9ae 100644
--- a/components/teks/teks-drawer.js
+++ b/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>
diff --git a/components/teks/vwe-koute-achte.js b/components/teks/vwe-koute-achte.js
index 1a25f2e..fd66f69 100644
--- a/components/teks/vwe-koute-achte.js
+++ b/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)
diff --git a/lib/utils/format.js b/lib/utils/format.js
index 387c8eb..9e6f906 100644
--- a/lib/utils/format.js
+++ b/lib/utils/format.js
@@ -1,3 +1,3 @@
-export const formatJsonString = stringToFormat => {
-  return stringToFormat.split('\n').map((string, index) => <div key={index}>{`${string}`}<br /></div>) // eslint-disable-line react/no-array-index-key
-}
+export const formatJsonString = stringToFormat =>
+  stringToFormat.split('\n').map((string, index) => <div key={index}>{`${string}`}<br /></div>) // eslint-disable-line react/no-array-index-key
+
diff --git a/pages/index.js b/pages/index.js
index 8c85486..4ef8e82 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types'
 import Image from 'next/image'
-import {Box, Container, Grid, Typography, Button} from '@material-ui/core'
-import {makeStyles} from '@material-ui/core/styles'
+import {Container, Grid, Typography, Button} from '@material-ui/core'
 import GroupIcon from '@material-ui/icons/Group'
 import MusicNoteIcon from '@material-ui/icons/MusicNote'
 import {Pleroma, Peertube, Paypal} from '@icons-pack/react-simple-icons'
diff --git a/pages/sitemap.xml.js b/pages/sitemap.xml.js
index ee95644..d4ee657 100644
--- a/pages/sitemap.xml.js
+++ b/pages/sitemap.xml.js
@@ -2,9 +2,8 @@ import {jwennSlugs} from '../lib/oki-api'
 
 const url = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost'
 
-const createSitemap = teks => {
-  return (
-    `<?xml version="1.0" encoding="UTF-8"?>
+const createSitemap = teks => (
+  `<?xml version="1.0" encoding="UTF-8"?>
     <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
       <url>
         <loc>${url}</loc>
@@ -19,18 +18,15 @@ const createSitemap = teks => {
         <priority>0.6</priority>
       </url>
         ${teks
-      .map(m => {
-        return `
+    .map(m => `
                     <url>
                         <loc>${`${url}/teks/${m}`}</loc>
                     </url>
-                `
-      })
-      .join('')}
+                `)
+    .join('')}
     </urlset>
     `
-  )
-}
+)
 
 export default function Sitemap() {
   return null
diff --git a/pages/teks/[slug].js b/pages/teks/[slug].js
index 132f4a6..b8c57bb 100644
--- a/pages/teks/[slug].js
+++ b/pages/teks/[slug].js
@@ -5,9 +5,7 @@ import {jwennTeksEpiSlug, jwennTeks, jwennKomanteEpiTeksId} from '../../lib/oki-
 import TeksDrawer from '../../components/teks/teks-drawer'
 import HeadLayout from '../../components/head-layout'
 
-const jwennAwtis = awtis => {
-  return awtis.map(a => a.alias).join(', ')
-}
+const jwennAwtis = awtis => awtis.map(a => a.alias).join(', ')
 
 export default function SlugTeks({teks, anTeks, slug, komante}) {
   const awtis = anTeks.awtis.length === 1 ? anTeks.awtis[0].alias : jwennAwtis(anTeks.awtis)
diff --git a/server.js b/server.js
index b8680d5..c1153fc 100644
--- a/server.js
+++ b/server.js
@@ -1,7 +1,6 @@
 const express = require('express')
 const next = require('next')
 const compression = require('compression')
-const path = require('path')
 
 const port = process.env.PORT || 3000
 const dev = process.env.NODE_ENV !== 'production'
@@ -26,13 +25,9 @@ app.prepare().then(() => {
     })
   })
 
-  server.get('*', (request, response) => {
-    return handle(request, response)
-  })
+  server.get('*', (request, response) => handle(request, response))
 
-  server.post('*', (request, response) => {
-    return handle(request, response)
-  })
+  server.post('*', (request, response) => handle(request, response))
 
   server.listen(port, error => {
     if (error) {