From 8854566336b286a024fab5045ce93893d13498bb Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Wed, 9 Jun 2021 12:12:36 +0200
Subject: [PATCH] add pause on mic/camera toggle

---
 src/front/settings/Field.tsx    | 1 +
 src/front/settings/Settings.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/front/settings/Field.tsx b/src/front/settings/Field.tsx
index 39211f3..9df8ef2 100644
--- a/src/front/settings/Field.tsx
+++ b/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]>> = {
diff --git a/src/front/settings/Settings.tsx b/src/front/settings/Settings.tsx
index 5e39101..30131f5 100644
--- a/src/front/settings/Settings.tsx
+++ b/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>