add pause on mic/camera toggle

src/front/settings/Field.tsx

@@ -7,6 +7,7 @@ const labels = {
   boot: ['Start on boot'],
   autoClose: ['Close window after countdown'],
   volume: ['Chime Volume'],
+  skipOnCameraOrMic: ['Pause when Mic or Camera are active'],
 }
 
 const ranges: Partial<Record<keyof typeof labels, [number, number]>> = {

src/front/settings/Settings.tsx

@@ -1,7 +1,5 @@
 import React from 'react'
 
-import '../base.css'
-
 import Field from './Field'
 
 const Settings = () => {
@@ -15,6 +13,10 @@ const Settings = () => {
           <Field setting="volume" />
           <Field setting="autoClose" />
           <Field setting="boot" />
+          <Field setting="skipOnCameraOrMic" />
+          <small className="ml4" style={{ position: 'relative', top: '-0.5em' }}>
+            only on <i>macOS</i>
+          </small>
         </fieldset>
       </form>
     </div>