From 7e961128dfa5aafb54c0c0b1b63a327ac1b7deed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Wed, 2 Feb 2022 07:34:19 +0400
Subject: [PATCH] Replace list in index by KatRezoNou

---
 components/kat-rezo-nou/gade.js   | 36 -------------------------------
 components/kat-rezo-nou/nouvel.js | 36 -------------------------------
 components/kat-rezo-nou/pale.js   | 34 -----------------------------
 pages/index.js                    |  9 +++-----
 4 files changed, 3 insertions(+), 112 deletions(-)
 delete mode 100644 components/kat-rezo-nou/gade.js
 delete mode 100644 components/kat-rezo-nou/nouvel.js
 delete mode 100644 components/kat-rezo-nou/pale.js

diff --git a/components/kat-rezo-nou/gade.js b/components/kat-rezo-nou/gade.js
deleted file mode 100644
index 89d8691..0000000
--- a/components/kat-rezo-nou/gade.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Box from '@mui/material/Box'
-import Card from '@mui/material/Card'
-import CardActions from '@mui/material/CardActions'
-import CardContent from '@mui/material/CardContent'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import Link from '@mui/material/Link'
-
-export default function Gade() {
-  return (
-    <Box sx={{minWidth: 275, marginBottom: 3}}>
-      <Card raised>
-        <CardContent>
-          <Link href='https://gade.o-k-i.net' target='_blank' rel='noopener' underline='hover'>
-            <Typography gutterBottom variant='h5'>
-              Gadé
-            </Typography>
-          </Link>
-          <Typography variant='h6' component='div'>
-            Alternative pour <strong>YouTube</strong>
-          </Typography>
-          <Typography gutterBottom variant='body2'>
-            Streaming vidéo <strong>sans aucune publicité</strong>.
-            <br />
-            Vous pouvez commenter les vidéos avec un compte {'"Palé"'}.
-          </Typography>
-        </CardContent>
-        <Box sx={{display: 'flex', justifyContent: 'center'}}>
-          <CardActions>
-            <Button target='_blank' rel='noopener' href='https://gade.o-k-i.net'>Accéder à Gadé</Button>
-          </CardActions>
-        </Box>
-      </Card>
-    </Box>
-  )
-}
diff --git a/components/kat-rezo-nou/nouvel.js b/components/kat-rezo-nou/nouvel.js
deleted file mode 100644
index e8c4f69..0000000
--- a/components/kat-rezo-nou/nouvel.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Box from '@mui/material/Box'
-import Card from '@mui/material/Card'
-import CardActions from '@mui/material/CardActions'
-import CardContent from '@mui/material/CardContent'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import Link from '@mui/material/Link'
-
-export default function Nouvel() {
-  return (
-    <Box sx={{minWidth: 275, marginBottom: 3}}>
-      <Card raised>
-        <CardContent>
-          <Link href='https://nouvel.o-k-i.net' target='_blank' rel='noopener' underline='hover'>
-            <Typography gutterBottom variant='h5'>
-              Nouvèl
-            </Typography>
-          </Link>
-          <Typography variant='h6' component='div'>
-            Traite de l&apos;<strong>actualité</strong>
-          </Typography>
-          <Typography gutterBottom variant='body2'>
-            Vous souhaitez y <strong>contribuer</strong> ?
-            <br />
-            Contactez-nous ➡️ <Link target='_blank' rel='noopener' underline='hover' href='mailto:kontak@oki.re?subject=Contribution #OKi Nouvèl'><strong>kontak@oki.re</strong></Link>
-          </Typography>
-        </CardContent>
-        <Box sx={{display: 'flex', justifyContent: 'center'}}>
-          <CardActions>
-            <Button target='_blank' rel='noopener' href='https://nouvel.o-k-i.net'>Accéder à Nouvèl</Button>
-          </CardActions>
-        </Box>
-      </Card>
-    </Box>
-  )
-}
diff --git a/components/kat-rezo-nou/pale.js b/components/kat-rezo-nou/pale.js
deleted file mode 100644
index 8f5c040..0000000
--- a/components/kat-rezo-nou/pale.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import Box from '@mui/material/Box'
-import Card from '@mui/material/Card'
-import CardActions from '@mui/material/CardActions'
-import CardContent from '@mui/material/CardContent'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import Link from '@mui/material/Link'
-
-export default function Pale() {
-  return (
-    <Box sx={{minWidth: 275, marginBottom: 3}}>
-      <Card raised>
-        <CardContent>
-          <Link href='https://pale.o-k-i.net/timeline/local' target='_blank' rel='noopener' underline='hover'>
-            <Typography gutterBottom variant='h5'>
-              Palé
-            </Typography>
-          </Link>
-          <Typography variant='h6' component='div'>
-            Alternative pour <strong>Twitter</strong>
-          </Typography>
-          <Typography gutterBottom variant='body2'>
-            Les posts sont limités à <strong>5 000 caractères</strong>.
-          </Typography>
-        </CardContent>
-        <Box sx={{display: 'flex', justifyContent: 'center'}}>
-          <CardActions>
-            <Button target='_blank' rel='noopener' href='https://pale.o-k-i.net/timeline/local'>Accéder à Palé</Button>
-          </CardActions>
-        </Box>
-      </Card>
-    </Box>
-  )
-}
diff --git a/pages/index.js b/pages/index.js
index 2bc6c22..ffc0d5f 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -2,9 +2,8 @@ import {Container, Typography, Box} from '@mui/material'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
-import Pale from '../components/kat-rezo-nou/pale'
-import Gade from '../components/kat-rezo-nou/gade'
-import Nouvel from '../components/kat-rezo-nou/nouvel'
+import {rezoNou} from '../lib/rezo-lis'
+import KatRezoNou from '../components/kat-rezo-nou'
 
 export default function Home() {
   return (
@@ -26,9 +25,7 @@ export default function Home() {
             <Typography gutterBottom variant='body' component='h4'>
               ⬇️ Rejoignez-nous ! ⬇️
             </Typography>
-            <Pale />
-            <Gade />
-            <Nouvel />
+            {rezoNou.map(({tit, soutit, ko, lyen}) => <KatRezoNou key={tit} tit={tit} soutit={soutit} ko={ko} lyen={lyen} />)}
           </Container>
         </Box>
         <Footer />