From f173abbe6e6aac28cbb1b09cdb07c5dfe71527da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Tue, 28 Sep 2021 22:43:41 +0200
Subject: [PATCH] Remove useless files

---
 components/jwenn-sesyon/index.js         |  40 -----
 components/jwenn-sesyon/sesyon-dialog.js | 215 -----------------------
 components/jwenn-signal/index.js         |  33 ----
 components/jwenn-signal/signal-dialog.js |  91 ----------
 pages/index.js                           |  12 +-
 5 files changed, 1 insertion(+), 390 deletions(-)
 delete mode 100644 components/jwenn-sesyon/index.js
 delete mode 100644 components/jwenn-sesyon/sesyon-dialog.js
 delete mode 100644 components/jwenn-signal/index.js
 delete mode 100644 components/jwenn-signal/signal-dialog.js

diff --git a/components/jwenn-sesyon/index.js b/components/jwenn-sesyon/index.js
deleted file mode 100644
index 40ad025..0000000
--- a/components/jwenn-sesyon/index.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import {useState} from 'react'
-import {Box, Button, Typography} from '@material-ui/core'
-import Image from 'next/image'
-
-import sessionLogo from '../../public/session-logo-50.png'
-
-import SesyonDialog from './sesyon-dialog'
-
-export default function JwennSesyon() {
-  const [ouve, meteOuve] = useState(false)
-
-  const handleClickOuve = () => {
-    meteOuve(true)
-  }
-
-  const handleFemen = () => {
-    meteOuve(false)
-  }
-
-  return (
-    <>
-      <Button style={{marginTop: 10}} variant='outlined' color='primary' onClick={handleClickOuve}>
-        <Box paddingTop={1}>
-          <Image
-            src={sessionLogo}
-            width={50}
-            height={55}
-            placeholder='blur'
-          />
-          <Typography style={{fontWeight: 'bold'}} variant='h6' component='h1'>
-            Session
-          </Typography>
-        </Box>
-      </Button>
-      {ouve && (
-        <SesyonDialog ouve={ouve} handleFemen={handleFemen} />
-      )}
-    </>
-  )
-}
diff --git a/components/jwenn-sesyon/sesyon-dialog.js b/components/jwenn-sesyon/sesyon-dialog.js
deleted file mode 100644
index 91c628a..0000000
--- a/components/jwenn-sesyon/sesyon-dialog.js
+++ /dev/null
@@ -1,215 +0,0 @@
-import {useEffect, useState} from 'react'
-import Image from 'next/image'
-import PropTypes from 'prop-types'
-import {withStyles} from '@material-ui/core/styles'
-import {Box, Button, Divider, Snackbar, useMediaQuery, Link, Dialog} from '@material-ui/core'
-import MuiDialogTitle from '@material-ui/core/DialogTitle'
-import MuiDialogContent from '@material-ui/core/DialogContent'
-import IconButton from '@material-ui/core/IconButton'
-import CloseIcon from '@material-ui/icons/Close'
-import Typography from '@material-ui/core/Typography'
-import MuiAlert from '@material-ui/lab/Alert'
-import FileCopyIcon from '@material-ui/icons/FileCopy'
-import AndroidIcon from '@material-ui/icons/Android'
-import AppleIcon from '@material-ui/icons/Apple'
-import GetAppIcon from '@material-ui/icons/GetApp'
-import {Windows, Linux} from '@icons-pack/react-simple-icons'
-
-import sessionMobile from '../../public/session-mobile-914x1024.png'
-import sessionDesktop from '../../public/session-desktop-1024x549.png'
-import QRCode from '../../public/sesyon-qr-code.png'
-
-const sessionUrl = process.env.NEXT_PUBLIC_SESSION_URL || 'http://sesyon.o-k-i.net'
-
-function Alert(props) {
-  return <MuiAlert elevation={6} variant='filled' {...props} />
-}
-
-const styles = theme => ({
-  root: {
-    margin: 0,
-    padding: theme.spacing(2)
-  },
-  closeButton: {
-    position: 'absolute',
-    right: theme.spacing(1),
-    top: theme.spacing(1),
-    color: theme.palette.grey[500]
-  }
-})
-
-const DialogTitle = withStyles(styles)(props => {
-  const {children, classes, onClose, ...other} = props
-  return (
-    <MuiDialogTitle disableTypography className={classes.root} {...other}>
-      <Typography variant='h6'>{children}</Typography>
-      {onClose ? (
-        <IconButton aria-label='close' className={classes.closeButton} onClick={onClose}>
-          <CloseIcon />
-        </IconButton>
-      ) : null}
-    </MuiDialogTitle>
-  )
-})
-
-const DialogContent = withStyles(theme => ({
-  root: {
-    padding: theme.spacing(2)
-  }
-}))(MuiDialogContent)
-
-export default function SesyonDialog({ouve, handleFemen}) {
-  const isMobile = useMediaQuery('(max-width:800px)')
-  const [error, setError] = useState('')
-  const [success, setSuccess] = useState('')
-  const [ouveSnack, meteOuveSnack] = useState(false)
-
-  const handleFemenSnack = (event, reason) => {
-    if (reason === 'clickaway') {
-      return
-    }
-
-    meteOuveSnack(false)
-    setSuccess('')
-    setError('')
-  }
-
-  const handleCopyUrl = () => {
-    if (typeof window !== 'undefined') {
-      navigator.clipboard.writeText(sessionUrl)
-        .then(
-          () => setSuccess('URL copiée avec succès'),
-          () => setError('Error lors de la copie du lien')
-        )
-    }
-
-    meteOuveSnack(false)
-  }
-
-  useEffect(() => {
-    if (error || success) {
-      meteOuveSnack(true)
-    }
-  }, [error, success, meteOuveSnack])
-
-  return (
-    <div>
-      <Dialog aria-labelledby='customized-dialog-title' open={ouve} onClose={handleFemen}>
-        <DialogTitle style={{textAlign: 'center'}} id='customized-dialog-title' onClose={handleFemen}>
-          Groupe Session
-        </DialogTitle>
-        <DialogContent dividers>
-          <Typography gutterBottom style={{textAlign: 'center', fontWeight: 'bold'}}>
-            Télécharger Session
-          </Typography>
-          <Box style={{display: 'flex', flexDirection: 'column', justifyContent: 'space-between'}}>
-            <Box style={{display: 'flex', justifyContent: 'space-around'}}>
-              <Typography>
-                Mobile
-              </Typography>
-              <Typography>
-                Ordinateur
-              </Typography>
-            </Box>
-            <Box style={{display: 'flex', justifyContent: 'space-around'}}>
-              <Box>
-                <Image
-                  src={sessionMobile}
-                  width={228}
-                  height={256}
-                  placeholder='blur'
-                />
-              </Box>
-              <Divider flexItem orientation='vertical' />
-              <Box style={{alignSelf: 'center'}}>
-                <Image
-                  src={sessionDesktop}
-                  width={256}
-                  height={137}
-                  placeholder='blur'
-                />
-              </Box>
-            </Box>
-            <Box style={{display: 'flex', justifyContent: 'space-around'}}>
-              <Box style={{display: 'flex', justifyContent: 'center'}}>
-                <Link target='_blank' rel='noopener noreferrer' href='https://getsession.org/android'>
-                  <IconButton title='Play Store' aria-label='adroid-playstore'>
-                    <AndroidIcon fontSize={isMobile ? 'small' : 'large'} />
-                  </IconButton>
-                </Link>
-                <Link target='_blank' rel='noopener noreferrer' href='https://getsession.org/iphone'>
-                  <IconButton title='App Store' aria-label='apple-app-store'>
-                    <AppleIcon fontSize={isMobile ? 'small' : 'large'} />
-                  </IconButton>
-                </Link>
-                <Link target='_blank' rel='noopener noreferrer' href='https://github.com/oxen-io/session-android/releases'>
-                  <IconButton title='APK' aria-label='adroid-apk'>
-                    <GetAppIcon fontSize={isMobile ? 'small' : 'large'} />
-                  </IconButton>
-                </Link>
-              </Box>
-              <Box style={{display: 'flex', justifyContent: 'center'}}>
-                <Link target='_blank' rel='noopener noreferrer' href='https://getsession.org/mac'>
-                  <IconButton title='Mac' aria-label='mac'>
-                    <AppleIcon fontSize={isMobile ? 'small' : 'large'} />
-                  </IconButton>
-                </Link>
-                <Link target='_blank' rel='noopener noreferrer' href='https://getsession.org/windows'>
-                  <IconButton title='Windows' aria-label='windows'>
-                    <Windows size={isMobile ? 18 : 32} />
-                  </IconButton>
-                </Link>
-                <Link target='_blank' rel='noopener noreferrer' href='https://getsession.org/linux'>
-                  <IconButton title='Linux' aria-label='linux'>
-                    <Linux size={isMobile ? 18 : 32} />
-                  </IconButton>
-                </Link>
-              </Box>
-            </Box>
-          </Box>
-          <Divider style={{marginBlock: '1em'}} />
-          <Typography gutterBottom style={{textAlign: 'center', fontWeight: 'bold'}}>
-            Rejoindre le groupe public
-          </Typography>
-          <Box style={{textAlign: 'center'}}>
-            <Image
-              src={QRCode}
-              width={200}
-              height={200}
-              placeholder='blur'
-            />
-          </Box>
-          <Box style={{textAlign: 'center', marginBlock: 20}}>
-            <Button
-              variant='contained'
-              color='primary'
-              startIcon={<FileCopyIcon />}
-              onClick={handleCopyUrl}
-            >
-              Copier l’URL du groupe
-            </Button>
-          </Box>
-        </DialogContent>
-      </Dialog>
-      {success && (
-        <Snackbar open={ouveSnack} autoHideDuration={3000} onClose={handleFemenSnack}>
-          <Alert severity='success' onClose={handleFemenSnack}>
-            <strong>{success}</strong>
-          </Alert>
-        </Snackbar>
-      )}
-      {error && (
-        <Snackbar open={ouveSnack} autoHideDuration={3000} onClose={handleFemenSnack}>
-          <Alert severity='error' onClose={handleFemenSnack}>
-            <strong>Une erreur s’est produite</strong> : <i>{error.message}</i>
-          </Alert>
-        </Snackbar>
-      )}
-    </div>
-  )
-}
-
-SesyonDialog.propTypes = {
-  ouve: PropTypes.bool.isRequired,
-  handleFemen: PropTypes.func.isRequired
-}
diff --git a/components/jwenn-signal/index.js b/components/jwenn-signal/index.js
deleted file mode 100644
index c7024e0..0000000
--- a/components/jwenn-signal/index.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import {useState} from 'react'
-import {Box, Button, Typography} from '@material-ui/core'
-import {Signal} from '@icons-pack/react-simple-icons'
-
-import SignalDialog from './signal-dialog'
-
-export default function JwennSignal() {
-  const [ouve, meteOuve] = useState(false)
-
-  const handleClickOuve = () => {
-    meteOuve(true)
-  }
-
-  const handleFemen = () => {
-    meteOuve(false)
-  }
-
-  return (
-    <>
-      <Button style={{marginTop: 10}} variant='outlined' color='primary' onClick={handleClickOuve}>
-        <Box paddingTop={1}>
-          <Signal size={55} />
-          <Typography style={{fontWeight: 'bold'}} variant='h6' component='h1'>
-            Signal
-          </Typography>
-        </Box>
-      </Button>
-      {ouve && (
-        <SignalDialog ouve={ouve} handleFemen={handleFemen} />
-      )}
-    </>
-  )
-}
diff --git a/components/jwenn-signal/signal-dialog.js b/components/jwenn-signal/signal-dialog.js
deleted file mode 100644
index b375fe0..0000000
--- a/components/jwenn-signal/signal-dialog.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import Image from 'next/image'
-import {useRouter} from 'next/router'
-import PropTypes from 'prop-types'
-import {withStyles} from '@material-ui/core/styles'
-import {Box, Button, Dialog} from '@material-ui/core'
-import MuiDialogTitle from '@material-ui/core/DialogTitle'
-import MuiDialogContent from '@material-ui/core/DialogContent'
-import IconButton from '@material-ui/core/IconButton'
-import CloseIcon from '@material-ui/icons/Close'
-import Typography from '@material-ui/core/Typography'
-import {Signal} from '@icons-pack/react-simple-icons'
-
-import QRCode from '../../public/signal-qr-code.jpg'
-
-const signalGourpUrl = process.env.NEXT_PUBLIC_SIGNAL_URL || 'https://signal.org/fr/download/'
-
-const styles = theme => ({
-  root: {
-    margin: 0,
-    padding: theme.spacing(2)
-  },
-  closeButton: {
-    position: 'absolute',
-    right: theme.spacing(1),
-    top: theme.spacing(1),
-    color: theme.palette.grey[500]
-  }
-})
-
-const DialogTitle = withStyles(styles)(props => {
-  const {children, classes, onClose, ...other} = props
-  return (
-    <MuiDialogTitle disableTypography className={classes.root} {...other}>
-      <Typography variant='h6'>{children}</Typography>
-      {onClose ? (
-        <IconButton aria-label='close' className={classes.closeButton} onClick={onClose}>
-          <CloseIcon />
-        </IconButton>
-      ) : null}
-    </MuiDialogTitle>
-  )
-})
-
-const DialogContent = withStyles(theme => ({
-  root: {
-    padding: theme.spacing(2)
-  }
-}))(MuiDialogContent)
-
-export default function SignalDialog({ouve, handleFemen}) {
-  const router = useRouter()
-
-  const handleClick = () => {
-    router.push(signalGourpUrl)
-  }
-
-  return (
-    <div>
-      <Dialog aria-labelledby='customized-dialog-title' open={ouve} onClose={handleFemen}>
-        <DialogTitle style={{textAlign: 'center'}} id='customized-dialog-title' onClose={handleFemen}>
-          Groupe Signal
-        </DialogTitle>
-        <DialogContent dividers>
-          <Box style={{textAlign: 'center', marginBottom: 20}}>
-            <Button
-              variant='contained'
-              color='primary'
-              startIcon={<Signal />}
-              onClick={handleClick}
-            >
-              Rejoindre
-            </Button>
-          </Box>
-          <Box style={{textAlign: 'center'}}>
-            <Image
-              src={QRCode}
-              width={300}
-              height={300}
-              placeholder='blur'
-            />
-          </Box>
-        </DialogContent>
-      </Dialog>
-    </div>
-  )
-}
-
-SignalDialog.propTypes = {
-  ouve: PropTypes.bool.isRequired,
-  handleFemen: PropTypes.func.isRequired
-}
diff --git a/pages/index.js b/pages/index.js
index 6de2824..86ffc52 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,6 @@
-import {useState} from 'react'
 import PropTypes from 'prop-types'
 import Image from 'next/image'
-import {Box, Container, Grid, Typography, useMediaQuery} from '@material-ui/core'
+import {Box, Container, Grid, Typography} from '@material-ui/core'
 import {makeStyles} from '@material-ui/core/styles'
 import GroupIcon from '@material-ui/icons/Group'
 import MusicNoteIcon from '@material-ui/icons/MusicNote'
@@ -11,7 +10,6 @@ import TwitterIcon from '@material-ui/icons/Twitter'
 
 import KatKayLa from '../components/kat-kay-la'
 import HeadLayout from '../components/head-layout'
-import Carousel from '../components/carousel'
 import Footer from '../components/footer'
 import {jwennTeksKantite, jwennAwtisKantite} from '../lib/oki-api'
 import RezoMenu from '../components/rezo-menu'
@@ -66,15 +64,12 @@ const REZO = [
 
 export default function Home({kantiteAwtis, kantiteTeks}) {
   const classes = useStyles()
-  const [handleOpen, setHandleOpen] = useState(false)
 
   const kantite = [
     {id: 1, tit: 'Tèks', soutit: 'Texte', kantite: kantiteTeks, route: '/teks'},
     {id: 2, tit: 'Awtis', soutit: 'Artiste', kantite: kantiteAwtis, route: '/awtis?paj&paj=1'}
   ]
 
-  const matches = useMediaQuery('(max-width:600px)')
-
   return (
     <HeadLayout tab={0}>
       <div style={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
@@ -100,11 +95,6 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
             {kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)}
           </Grid>
         </Container>
-        <Carousel
-          isMobile={matches}
-          handleOpen={handleOpen}
-          setHandleOpen={setHandleOpen}
-        />
         <Footer />
       </div>
     </HeadLayout>