1 files changed, 27 insertions, 24 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
index d5fd46c..efc8f89 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
@@ -1,28 +1,31 @@
-import React from 'react'
+import React, { Component } from 'react'
 import VimeoPlayer from 'app/utils/vendor/vimeo'
 
-export const FullscreenVideo = ({ element, media, transitionDuration }) => {
-  const { color } = element
-  const item = media.lookup[element.settings.media_id]
-  const style = {
-    backgroundColor: color.backgroundColor,
-    color: color.textColor,
-    transitionDuration,
+export class FullscreenVideo extends Component {
+  render() {
+    const { element, media, transitionDuration } = this.props
+    const { color } = element
+    const item = media.lookup[element.settings.media_id]
+    const style = {
+      backgroundColor: color.backgroundColor,
+      color: color.textColor,
+      transitionDuration,
+    }
+    console.log(item)
+    return (
+      <div
+        className='fullscreen-element video'
+        style={style}
+      >
+        <VimeoPlayer
+          video={item.url}
+          autoplay={true}
+          muted={true}
+          responsive={true}
+          controls={false}
+          byline={false}
+        />
+      </div>
+    )
   }
-  console.log(item)
-  return (
-    <div
-      className='fullscreen-element video'
-      style={style}
-    >
-      <VimeoPlayer
-        video={item.url}
-        autoplay={true}
-        muted={true}
-        responsive={true}
-        controls={false}
-        byline={false}
-      />
-    </div>
-  )
 }