From 24a87740112f7188c7cf81dfb627cca0636cb744 Mon Sep 17 00:00:00 2001
From: mmv <mmvsha73@gmail.com>
Date: Fri, 19 Jul 2019 17:23:56 +0400
Subject: [PATCH] export styles to a separate file

---
 .../ScanQRModal/index.jsx                     | 35 +------------------
 .../ScanQRModal/style.js                      | 34 ++++++++++++++++++
 2 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/index.jsx b/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/index.jsx
index c9adbe0a..6455aa2c 100644
--- a/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/index.jsx
+++ b/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/index.jsx
@@ -12,44 +12,11 @@ import Row from '~/components/layout/Row'
 import Hairline from '~/components/layout/Hairline'
 import Col from '~/components/layout/Col'
 import Modal from '~/components/Modal'
-import { lg, sm, background } from '~/theme/variables'
 import { checkWebcam } from './utils'
+import { styles } from './style'
 
 const { useEffect, useState } = React
 
-const styles = () => ({
-  heading: {
-    padding: `${sm} ${lg}`,
-    justifyContent: 'space-between',
-    maxHeight: '75px',
-    boxSizing: 'border-box',
-  },
-  loaderContainer: {
-    width: '100%',
-    height: '100%',
-  },
-  manage: {
-    fontSize: '24px',
-  },
-  close: {
-    height: '35px',
-    width: '35px',
-  },
-  detailsContainer: {
-    backgroundColor: background,
-    maxHeight: '420px',
-  },
-  buttonRow: {
-    height: '84px',
-    justifyContent: 'center',
-  },
-  button: {
-    '&:last-child': {
-      marginLeft: sm,
-    },
-  },
-})
-
 type Props = {
   onClose: () => void,
   classes: Object,
diff --git a/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/style.js b/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/style.js
index 46e7f7c0..3fd87f66 100644
--- a/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/style.js
+++ b/src/routes/open/components/SafeOwnersConfirmationsForm/ScanQRModal/style.js
@@ -1 +1,35 @@
 // @flow
+import { lg, sm, background } from '~/theme/variables'
+
+export const styles = () => ({
+  heading: {
+    padding: `${sm} ${lg}`,
+    justifyContent: 'space-between',
+    maxHeight: '75px',
+    boxSizing: 'border-box',
+  },
+  loaderContainer: {
+    width: '100%',
+    height: '100%',
+  },
+  manage: {
+    fontSize: '24px',
+  },
+  close: {
+    height: '35px',
+    width: '35px',
+  },
+  detailsContainer: {
+    backgroundColor: background,
+    maxHeight: '420px',
+  },
+  buttonRow: {
+    height: '84px',
+    justifyContent: 'center',
+  },
+  button: {
+    '&:last-child': {
+      marginLeft: sm,
+    },
+  },
+})
\ No newline at end of file