update

jeffersoncasimir · Jun 11, 2022 · f89f125 · f89f125
1 parent 177628a
commit f89f125
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "react-dom": "^18.1.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "^5.0.1",
+    "react-switch": "^7.0.0",
     "react-tooltip": "^4.2.21",
     "socket.io-client": "^4.5.1"
   },

diff --git a/src/jsx/Configuration.js b/src/jsx/Configuration.js
@@ -22,8 +22,7 @@ import {
   AuthenticationCredentials,
 } from './elements/authentication';
 
-// todo remove Switch and DatePicker
-// import Switch from 'react-switch';
+import Switch from 'react-switch';
 import DatePicker from 'react-datepicker';
 
 // Socket.io
@@ -1851,22 +1850,22 @@ const Configuration = (props) => {
             fontSize: '16px',
             verticalAlign: 'middle',
           }}>
-            {/*<Switch*/}
-            {/*  className='react-switch'*/}
-            {/*  onColor="#86d3ff"*/}
-            {/*  onHandleColor="#2693e6"*/}
-            {/*  handleDiameter={20}*/}
-            {/*  uncheckedIcon={false}*/}
-            {/*  checkedIcon={false}*/}
-            {/*  boxShadow="0px 1px 5px rgba(0, 0, 0, 0.6)"*/}
-            {/*  activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"*/}
-            {/*  height={15}*/}
-            {/*  width={40}*/}
-            {/*  name='anonymize'*/}
-            {/*  onChange={(checked) => onUserInput('anonymize', checked)}*/}
-            {/*  checked={state.anonymize.get}*/}
-            {/*  disabled={state.edfData.get?.files?.length > 0 ? false : true}*/}
-            {/*/>*/}
+            <Switch
+              className='react-switch'
+              onColor="#86d3ff"
+              onHandleColor="#2693e6"
+              handleDiameter={20}
+              uncheckedIcon={false}
+              checkedIcon={false}
+              boxShadow="0px 1px 5px rgba(0, 0, 0, 0.6)"
+              activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"
+              height={15}
+              width={40}
+              name='anonymize'
+              onChange={(checked) => onUserInput('anonymize', checked)}
+              checked={state.anonymize.get}
+              disabled={state.edfData.get?.files?.length > 0 ? false : true}
+            />
             <span>Anonymize</span>
           </label>
         </span>