From 98a007a17ec672ccaeb407301c3b073b3158af91 Mon Sep 17 00:00:00 2001
From: Evelyn Eastmond <evhan55@gmail.com>
Date: Tue, 21 May 2019 15:00:16 -0400
Subject: [PATCH] Pause video on component update if not expanded.

---
 src/components/cards/cards.jsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index b88d6e6da..a44a5079c 100644
--- a/src/components/cards/cards.jsx
+++ b/src/components/cards/cards.jsx
@@ -111,6 +111,14 @@ class VideoStep extends React.Component {
         script2.async = true;
         document.body.appendChild(script2);
     }
+    componentDidUpdate () {
+        // if not expanded, pause video?
+        if (!this.props.expanded) {
+            // eslint-disable-next-line no-undef
+            const video = Wistia.api(`${this.props.video}`);
+            video.pause();
+        }
+    }
     render () {
         return (
             // Video step needs to know if the card is being dragged to cover the video
@@ -132,6 +140,7 @@ class VideoStep extends React.Component {
 
 VideoStep.propTypes = {
     dragging: PropTypes.bool.isRequired,
+    expanded: PropTypes.bool.isRequired,
     video: PropTypes.string.isRequired
 };