Remove carousel component and its depencencues

This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-01-18 08:51:09 +04:00
parent 155fb6475f
commit e21482362b
3 changed files with 1 additions and 110 deletions
-87
View File
@@ -1,87 +0,0 @@
import PropTypes from 'prop-types'
import {red, green, grey} from '@material-ui/core/colors'
import {AutoRotatingCarousel, Slide} from 'material-auto-rotating-carousel'
export default function Carousel({handleOpen, setHandleOpen, isMobile}) {
return (
<AutoRotatingCarousel
label='An nou ay'
open={handleOpen}
autoplay={false}
mobile={isMobile}
style={{position: 'absolute'}}
onClose={() => setHandleOpen(false)}
onStart={() => setHandleOpen(false)}
>
<Slide
media={<img alt='logo' title='' src='/logo-192x110.png' />}
mediaBackgroundStyle={{backgroundColor: grey[900]}}
style={{backgroundColor: grey[800]}}
title='Bienvenue'
subtitle='Voici un rapide tour dhorizon de ce que nous proposons'
/>
<Slide
media={<img alt='awtis' title='awtis' src='/awtis.JPG' />}
mediaBackgroundStyle={{backgroundColor: red[400]}}
style={{backgroundColor: red[600]}}
title='La page "Awtis"'
subtitle='Liste les différents artistes par ordre alphabétique.'
/>
<Slide
media={<img alt='admiral T bio' title='admiral T bio' src='/admiral.JPG' />}
mediaBackgroundStyle={{backgroundColor: green[400]}}
style={{backgroundColor: green[600]}}
title='Biographie'
subtitle='Disponible en cliquant sur lartiste. Vous pourrez également consulter ses "teks" via licône à côté de son nom.'
/>
<Slide
media={<img alt='admiral T teks' title='admiral T teks' src='/admiral-teks.JPG' />}
mediaBackgroundStyle={{backgroundColor: grey[900]}}
style={{backgroundColor: grey[800]}}
title='Liste des "tèks"'
subtitle='Disponible en cliquant sur la flèche en dessous de la photo.'
/>
<Slide
media={<img alt='page teks' title='page teks' src='/teks.JPG' />}
mediaBackgroundStyle={{backgroundColor: red[400]}}
style={{backgroundColor: red[600]}}
title='La page "Tèks"'
subtitle='Regroupe les transcriptions et les traductions disponibles. Si aucun "tèks" nest sélectionné, la page affiche les 6 derniers publiés sur le site.'
/>
<Slide
media={<img alt='teks' title='teks' src='/teks-cheche.JPG' />}
mediaBackgroundStyle={{backgroundColor: green[400]}}
style={{backgroundColor: green[600]}}
title='Liste des "Tèks"'
subtitle='La barre latérale gauche permet de sélectionner un "tèks" ou deffectuer une recherche.'
/>
<Slide
media={<img alt='oki-mizik' title='OKi Mizik' src='/aleca-oki-mizik-icon.JPG' />}
mediaBackgroundStyle={{backgroundColor: grey[900]}}
style={{backgroundColor: grey[800]}}
title='OKi Mizik'
subtitle='Une icône informe de la possibilité d’écouter le morceau directement sur le site.'
/>
<Slide
media={<img alt='streaming' title='streaming' src='/stream.JPG' />}
mediaBackgroundStyle={{backgroundColor: red[400]}}
style={{backgroundColor: red[600]}}
title='Streaming'
subtitle='Vous avez la possiblité de visionner le clip, écouter et/ou télécharger la musique via les plateformes de streaming et de téléchargement.'
/>
<Slide
media={<img alt='logo' title='logo' src='/logo-192x110.png' />}
mediaBackgroundStyle={{backgroundColor: grey[900]}}
style={{backgroundColor: grey[800]}}
title='Nous contacter'
subtitle='Pour toute correction ou suggestion, vous pouvez nous contacter à cette adresse : kontak@o-k-i.net'
/>
</AutoRotatingCarousel>
)
}
Carousel.propTypes = {
handleOpen: PropTypes.bool.isRequired,
setHandleOpen: PropTypes.func.isRequired,
isMobile: PropTypes.bool.isRequired
}