From 8c14599404e3905ebfedb148f9d23d09f26331e3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 27 Sep 2021 15:38:49 +0200
Subject: graph, intro

---
 src/views/Intro.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/views/Intro.js

(limited to 'src/views/Intro.js')

diff --git a/src/views/Intro.js b/src/views/Intro.js
new file mode 100644
index 0000000..9c00ce4
--- /dev/null
+++ b/src/views/Intro.js
@@ -0,0 +1,35 @@
+/**
+ * Intro
+ */
+
+import React, { useState } from "react";
+import Vimeo from "@u-wave/react-vimeo";
+
+export default function Intro({ onComplete }) {
+  const [done, setDone] = useState(false);
+  const handleClose = () => {
+    setDone(true);
+    setTimeout(() => {
+      onComplete();
+    }, 200);
+  };
+  return (
+    <div className={done ? "intro done" : "intro"}>
+      <img
+        className="close"
+        src="/assets/img/close.svg"
+        onClick={handleClose}
+      />
+      <Vimeo
+        video="https://vimeo.com/612279630"
+        className="intro-video"
+        muted
+        autoplay
+        showByline={false}
+        showPortrait={false}
+        showTitle={false}
+        onEnd={handleClose}
+      />
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2