Added button to disable all alarms

components/modals/AlarmConfigModal.tsx

@@ -4,6 +4,7 @@ import { alert1, alert2, alert3, alert4, alert5, alert6 } from '../../sounds'
 import useLocalStorage from '@olerichter00/use-localstorage'
 import { IconVolume2, IconVolume3 } from '@tabler/icons'
 import { useTranslation } from 'next-i18next'
+import { DateTime } from 'luxon'
 
 const sounds = {
   'Alert 1': alert1,
@@ -54,6 +55,18 @@ const AlarmConfigModal = () => {
   const [disabledAlarms, setDisabledAlarms] = useLocalStorage<{
     [key: string]: number
   }>('disabledAlarms', {})
+  const disableAllAlarms = () => {
+    Object.entries(
+      require('../../data/events.json')
+    ).forEach((e) => {
+      const [id] = e;
+      disabledAlarms[id] = DateTime.now().plus({ hours: 336 }).toMillis();
+
+      setDisabledAlarms({
+        ...disabledAlarms,
+      });
+    })
+  }
   const [volume, setVolume] = useLocalStorage('volume', 0.4)
   return (
     <>
@@ -119,6 +132,14 @@ const AlarmConfigModal = () => {
                   {t('reset-disabled-events')}
                 </button>
               </div>
+              <div className="flex w-full items-center">
+                <button
+                  className="btn btn-error btn-xs mx-auto mt-2"
+                  onClick={(e) => disableAllAlarms()}
+                >
+                  {t('disable-all-events')}
+                </button>
+              </div>
             </div>
             <div className="w-full">
               <label className="label mr-2 cursor-pointer">

public/locales/en/alarmConfig.json

@@ -6,5 +6,6 @@
   "reset-disabled-events": "Reset Disabled Events",
   "alert-sound": "Alert Sound",
   "muted": "Muted",
-  "enable-desktop-notifications": "Enable Desktop Notifications"
+  "enable-desktop-notifications": "Enable Desktop Notifications",
+  "disable-all-events": "Disable All Events"
 }