displaying videos

1 files changed, 9 insertions, 1 deletions

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} />
         )}