From f2c4d48523a8a6d541289e2d4c57a65eeb9f5af0 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 3 Sep 2021 15:25:32 +0200
Subject: displaying videos

---
 src/views/Detail.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

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

diff --git a/src/views/Detail.js b/src/views/Detail.js
index ec0f37c..9ac3e57 100644
--- a/src/views/Detail.js
+++ b/src/views/Detail.js
@@ -5,6 +5,7 @@
 import React from "react";
 
 import Gallery from "./Gallery.js";
+import Vimeo from "@u-wave/react-vimeo";
 
 export default function Detail({ node, visible, onClose }) {
   if (!node) {
@@ -39,7 +40,14 @@ export default function Detail({ node, visible, onClose }) {
           <img src="/assets/img/close.svg" onClick={onClose} />
         </div>
         {data.type === "video" ? (
-          "Video TBD"
+          visible && (
+            <div className="video">
+              <Vimeo
+                video={data.images[0].uri.replace("player.", "")}
+                autoplay
+              />
+            </div>
+          )
         ) : (
           <Gallery images={data.images} visible={visible} />
         )}
-- 
cgit v1.2.3-70-g09d2