From e1a3a912956c26374392c5da7af6ca749e3ac27a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Thu, 22 Jul 2021 00:59:53 +0200
Subject: [PATCH] Create JwennSesyon component

---
 components/jwenn-sesyon/index.js | 37 ++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 components/jwenn-sesyon/index.js

diff --git a/components/jwenn-sesyon/index.js b/components/jwenn-sesyon/index.js
new file mode 100644
index 0000000..c373f12
--- /dev/null
+++ b/components/jwenn-sesyon/index.js
@@ -0,0 +1,37 @@
+import {useState} from 'react'
+import {Box, Button, Typography} from '@material-ui/core'
+import Image from 'next/image'
+
+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='/session-logo-50.png'
+            width={50}
+            height={55}
+          />
+          <Typography style={{fontWeight: 'bold'}} variant='h6' component='h1'>
+            Session
+          </Typography>
+        </Box>
+      </Button>
+      {ouve && (
+        <SesyonDialog ouve={ouve} handleFemen={handleFemen} />
+      )}
+    </>
+  )
+}