From f8ce5b98be7802b53623c0754e7f5d851d40560f Mon Sep 17 00:00:00 2001
From: Kristian Hein <kristianhein@gmail.com>
Date: Thu, 23 Jul 2020 12:20:53 -0700
Subject: [PATCH] disabled switch to dark/light mode on IE because it does not
 work

---
 src/components/MenuOverlay/MenuOverlay.js | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/MenuOverlay/MenuOverlay.js b/src/components/MenuOverlay/MenuOverlay.js
index 8eb790808..70fb55476 100644
--- a/src/components/MenuOverlay/MenuOverlay.js
+++ b/src/components/MenuOverlay/MenuOverlay.js
@@ -3,7 +3,7 @@ import DataElementWrapper from 'components/DataElementWrapper';
 import Icon from 'components/Icon';
 import { workerTypes } from 'constants/types';
 import core from 'core';
-import { isIOS } from 'helpers/device';
+import { isIOS, isIE } from 'helpers/device';
 import downloadPdf from 'helpers/downloadPdf';
 import openFilePicker from 'helpers/openFilePicker';
 import print from 'helpers/print';
@@ -86,16 +86,17 @@ function MenuOverlay() {
           <div className="MenuLabel">{t('action.print')}</div>
         </button>
       </DataElementWrapper>
-      <div className="row">
-        <button
-          className="MenuItem"
-          onClick={activeTheme === 'dark' ? setActiveLightTheme : setActiveDarkTheme}
-          aria-label={activeTheme === 'dark' ? t('action.lightMode') : t('action.darkMode')}
-        >
-          <Icon className="MenuIcon" glyph={`icon - header - mode - ${activeTheme === 'dark' ? 'day' : 'night'}`} />
-          <div className="MenuLabel">{activeTheme === 'dark' ? t('action.lightMode') : t('action.darkMode')}</div>
-        </button>
-      </div>
+      {!isIE && (
+        <div className="row">
+          <button
+            className="MenuItem"
+            onClick={activeTheme === 'dark' ? setActiveLightTheme : setActiveDarkTheme}
+            aria-label={activeTheme === 'dark' ? t('action.lightMode') : t('action.darkMode')}
+          >
+            <Icon className="MenuIcon" glyph={`icon - header - mode - ${activeTheme === 'dark' ? 'day' : 'night'}`} />
+            <div className="MenuLabel">{activeTheme === 'dark' ? t('action.lightMode') : t('action.darkMode')}</div>
+          </button>
+        </div>)}
     </FlyoutMenu>
   );
 }