From 6ec687ef1554e29925da93b10b87d3489d6b98ca Mon Sep 17 00:00:00 2001
From: AWolf81 <AWolf2904@gmail.com>
Date: Fri, 3 May 2019 23:55:15 +0200
Subject: [PATCH] add React & Redux devtools

---
 browser/main/DevTools/index.dev.js  | 16 ++++++++++++++++
 browser/main/DevTools/index.js      |  8 ++++++++
 browser/main/DevTools/index.prod.js |  6 ++++++
 3 files changed, 30 insertions(+)
 create mode 100644 browser/main/DevTools/index.dev.js
 create mode 100644 browser/main/DevTools/index.js
 create mode 100644 browser/main/DevTools/index.prod.js

diff --git a/browser/main/DevTools/index.dev.js b/browser/main/DevTools/index.dev.js
new file mode 100644
index 00000000..77d3eccd
--- /dev/null
+++ b/browser/main/DevTools/index.dev.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { createDevTools } from 'redux-devtools'
+import LogMonitor from 'redux-devtools-log-monitor'
+import DockMonitor from 'redux-devtools-dock-monitor'
+
+const DevTools = createDevTools(
+  <DockMonitor
+    toggleVisibilityKey='ctrl-h'
+    changePositionKey='ctrl-q'
+    defaultIsVisible={false}
+  >
+    <LogMonitor theme='tomorrow' />
+  </DockMonitor>
+)
+
+export default DevTools
diff --git a/browser/main/DevTools/index.js b/browser/main/DevTools/index.js
new file mode 100644
index 00000000..93d666a2
--- /dev/null
+++ b/browser/main/DevTools/index.js
@@ -0,0 +1,8 @@
+/* eslint-disable no-undef */
+if (process.env.NODE_ENV === 'production') {
+  // eslint-disable-next-line global-require
+  module.exports = require('./index.prod').default
+} else {
+  // eslint-disable-next-line global-require
+  module.exports = require('./index.dev').default
+}
diff --git a/browser/main/DevTools/index.prod.js b/browser/main/DevTools/index.prod.js
new file mode 100644
index 00000000..762cae2c
--- /dev/null
+++ b/browser/main/DevTools/index.prod.js
@@ -0,0 +1,6 @@
+import React from 'react'
+
+const DevTools = () => <div />
+DevTools.instrument = () => {}
+
+export default DevTools