From 9e5e5146690ac9b9d9f904147308d42d6984ce4e Mon Sep 17 00:00:00 2001
From: Francisco Baio Dias <francisco@typeform.com>
Date: Thu, 22 Mar 2018 11:44:16 +0100
Subject: [PATCH] fix: add background to component

---
 src/video-recorder.js         |  1 +
 src/video-recorder.stories.js | 48 +++++++++++++++++------------------
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/src/video-recorder.js b/src/video-recorder.js
index fa9d421..7b42ec4 100644
--- a/src/video-recorder.js
+++ b/src/video-recorder.js
@@ -44,6 +44,7 @@ const Wrapper = styled.div`
   height: 100%;
   overflow: hidden;
   min-height: 119px;
+  background-color: #000;
 `
 
 const CameraView = styled.div`
diff --git a/src/video-recorder.stories.js b/src/video-recorder.stories.js
index 66647ec..f46eba0 100644
--- a/src/video-recorder.stories.js
+++ b/src/video-recorder.stories.js
@@ -6,29 +6,27 @@ import VideoRecorder from './video-recorder'
 
 const Wrapper = styled.div`
   height: 100vh;
-  background-color: #000;
 `
-storiesOf('VideoRecorder', module)
-  .add('default', () => {
-    return (
-      <Wrapper>
-        <VideoRecorder
-          onRecordingComplete={(
-            videoBlob,
-            startedAt,
-            thumbnailBlob,
-            duration
-          ) => {
-            const urlCreator = window.URL || window.webkitURL
-            const thumbUrl = urlCreator.createObjectURL(thumbnailBlob)
-            const videoUrl = urlCreator.createObjectURL(videoBlob)
-            console.log('Video Blob', videoBlob.size, videoBlob, videoUrl)
-            console.log('Thumb Blob', thumbnailBlob, thumbUrl)
-            console.log('Started:', startedAt)
-            console.log('Duration:', duration)
-            action('returned')
-          }}
-        />
-      </Wrapper>
-    )
-  })
+storiesOf('VideoRecorder', module).add('default', () => {
+  return (
+    <Wrapper>
+      <VideoRecorder
+        onRecordingComplete={(
+          videoBlob,
+          startedAt,
+          thumbnailBlob,
+          duration
+        ) => {
+          const urlCreator = window.URL || window.webkitURL
+          const thumbUrl = urlCreator.createObjectURL(thumbnailBlob)
+          const videoUrl = urlCreator.createObjectURL(videoBlob)
+          console.log('Video Blob', videoBlob.size, videoBlob, videoUrl)
+          console.log('Thumb Blob', thumbnailBlob, thumbUrl)
+          console.log('Started:', startedAt)
+          console.log('Duration:', duration)
+          action('returned')
+        }}
+      />
+    </Wrapper>
+  )
+})