From d70d75c41db41dcd5a86bffa84d03914aa0cb718 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Fri, 30 Jul 2021 22:15:09 +0200
Subject: [PATCH] Create JwennSignal component

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

diff --git a/components/jwenn-signal/index.js b/components/jwenn-signal/index.js
new file mode 100644
index 0000000..c7024e0
--- /dev/null
+++ b/components/jwenn-signal/index.js
@@ -0,0 +1,33 @@
+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} />
+      )}
+    </>
+  )
+}