From 016fd6bad3bc632a896452eab93a4becaf7e0010 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 12 Jun 2022 17:08:32 +0200
Subject: [PATCH] Added the option to update the time level into the
 DropdownComponent

---
 client/src/components/DropdownComponent.js | 27 +++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/client/src/components/DropdownComponent.js b/client/src/components/DropdownComponent.js
index 0cc76eb6..45b054d7 100644
--- a/client/src/components/DropdownComponent.js
+++ b/client/src/components/DropdownComponent.js
@@ -3,7 +3,7 @@ import "../style/Dropdown.sass";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {
     faArrowDown,
-    faArrowUp, faClose, faFileExport,
+    faArrowUp, faClock, faClose, faFileExport,
     faGear, faInfo,
     faKey,
     faPause,
@@ -259,6 +259,27 @@ function DropdownComponent() {
         });
     }
 
+    const updateLevel = async () => {
+        toggleDropdown();
+        fetch("/api/config/timeLevel", {headers: headers}).then(res => res.json())
+            .then(level => setDialog({
+                title: "Test-Häufigkeit einstellen",
+                select: true,
+                selectOptions: {
+                    1: "Durchgehend (jede Minute)",
+                    2: "Sehr häufig (alle 30 Minuten)",
+                    3: "Häufig (jede Stunde)",
+                    4: "Selten (alle 3 Stunden)",
+                    5: "Sehr selten (alle 6 Stunden)"
+                },
+                value: level.value,
+                onSuccess: value => {
+                    fetch("/api/config/timeLevel", {headers: headers, method: "PATCH", body: JSON.stringify({value: value})})
+                        .then(() => showFeedback());
+                }
+            }));
+    }
+
     return (
         <div className="dropdown dropdown-invisible">
             <div id="dropdown" className="dropdown-content">
@@ -291,6 +312,10 @@ function DropdownComponent() {
                         <FontAwesomeIcon icon={faKey}/>
                         <h3>Passwort ändern</h3>
                     </div>
+                    <div className="dropdown-item" onClick={updateLevel}>
+                        <FontAwesomeIcon icon={faClock}/>
+                        <h3>Häufigkeit einstellen</h3>
+                    </div>
                     <div className="dropdown-item" onClick={exportDialog}>
                         <FontAwesomeIcon icon={faFileExport}/>
                         <h3>Tests exportieren</h3>