fix(ui): fix switch buttons to show up properly and make them default…

… checkbox type #1805

src/client/Engine/Caching.jsx

@@ -70,7 +70,6 @@ const Caching = ({ onChange, caching }) => (
           defaultValue
           help={<div>Move to archive folder or delete files when they are sent</div>}
           onChange={onChange}
-          switchButton
         />
       </Col>
     </Row>

src/client/Engine/HealthSignal.jsx

@@ -32,7 +32,6 @@ const HealthSignal = ({ onChange, healthSignal }) => (
           value={healthSignal.logging.enabled}
           defaultValue={false}
           onChange={onChange}
-          switchButton
         />
       </Col>
     </Row>
@@ -62,7 +61,6 @@ const HealthSignal = ({ onChange, healthSignal }) => (
           value={healthSignal.http.enabled}
           defaultValue={false}
           onChange={onChange}
-          switchButton
         />
       </Col>
     </Row>

src/client/Engine/Logging/__snapshots__/FileLogging.spec.jsx.snap

@@ -174,7 +174,7 @@ exports[`FileLogging check FileLogging 1`] = `
         class="col-md-3"
       >
         <div
-          class="mb-3 mb-3"
+          class="mb-3 form-check form-switch"
         >
           <label
             class="form-check-label"
@@ -369,7 +369,7 @@ exports[`FileLogging check change file level to "warning" 1`] = `
         class="col-md-3"
       >
         <div
-          class="mb-3 mb-3"
+          class="mb-3 form-check form-switch"
         >
           <label
             class="form-check-label"
@@ -564,7 +564,7 @@ exports[`FileLogging check change file name to "new_filename" 1`] = `
         class="col-md-3"
       >
         <div
-          class="mb-3 mb-3"
+          class="mb-3 form-check form-switch"
         >
           <label
             class="form-check-label"
@@ -759,7 +759,7 @@ exports[`FileLogging check change fileLog maxSize 1000 1`] = `
         class="col-md-3"
       >
         <div
-          class="mb-3 mb-3"
+          class="mb-3 form-check form-switch"
         >
           <label
             class="form-check-label"
@@ -954,7 +954,7 @@ exports[`FileLogging check change fileLog numberOfFiles to 1 1`] = `
         class="col-md-3"
       >
         <div
-          class="mb-3 mb-3"
+          class="mb-3 form-check form-switch"
         >
           <label
             class="form-check-label"
@@ -1149,7 +1149,7 @@ exports[`FileLogging check change fileLog tailable to false 1`] = `
         class="col-md-3"
       >
         <div
-          class="mb-3 mb-3"
+          class="mb-3 form-check form-switch"
         >
           <label
             class="form-check-label"

src/client/Engine/Logging/__snapshots__/Logging.spec.jsx.snap

@@ -381,7 +381,7 @@ exports[`Logging check Logging 1`] = `
           class="col-md-3"
         >
           <div
-            class="mb-3 mb-3"
+            class="mb-3 form-check form-switch"
           >
             <label
               class="form-check-label"

src/client/Engine/__snapshots__/Caching.spec.jsx.snap

@@ -167,14 +167,17 @@ exports[`Caching check Caching 1`] = `
       class="col-md-2"
     >
       <div
-        class="form-check form-switch"
+        class="mb-3 form-check form-switch"
       >
+        <label
+          class="form-check-label"
+        >
+          Archive mode activated
+        </label>
         <input
           checked=""
-          class="mb-3 form-check-input"
-          color="secondary"
+          class="oi-form-input checkbox form-check-input"
           id="engine.caching.archive.enabled"
-          label="Archive mode activated"
           name="engine.caching.archive.enabled"
           type="checkbox"
         />
@@ -426,14 +429,17 @@ exports[`Caching check change archiveFolder 1`] = `
       class="col-md-2"
     >
       <div
-        class="form-check form-switch"
+        class="mb-3 form-check form-switch"
       >
+        <label
+          class="form-check-label"
+        >
+          Archive mode activated
+        </label>
         <input
           checked=""
-          class="mb-3 form-check-input"
-          color="secondary"
+          class="oi-form-input checkbox form-check-input"
           id="engine.caching.archive.enabled"
-          label="Archive mode activated"
           name="engine.caching.archive.enabled"
           type="checkbox"
         />
@@ -685,14 +691,17 @@ exports[`Caching check change archiveMode to "archive" 1`] = `
       class="col-md-2"
     >
       <div
-        class="form-check form-switch"
+        class="mb-3 form-check form-switch"
       >
+        <label
+          class="form-check-label"
+        >
+          Archive mode activated
+        </label>
         <input
           checked=""
-          class="mb-3 form-check-input"
-          color="secondary"
+          class="oi-form-input checkbox form-check-input"
           id="engine.caching.archive.enabled"
-          label="Archive mode activated"
           name="engine.caching.archive.enabled"
           type="checkbox"
         />
@@ -944,14 +953,17 @@ exports[`Caching check change cacheFolder 1`] = `
       class="col-md-2"
     >
       <div
-        class="form-check form-switch"
+        class="mb-3 form-check form-switch"
       >
+        <label
+          class="form-check-label"
+        >
+          Archive mode activated
+        </label>
         <input
           checked=""
-          class="mb-3 form-check-input"
-          color="secondary"
+          class="oi-form-input checkbox form-check-input"
           id="engine.caching.archive.enabled"
-          label="Archive mode activated"
           name="engine.caching.archive.enabled"
           type="checkbox"
         />