From 4467557dc70030f98ff56293aa019023dbf38eb4 Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Thu, 22 Feb 2024 19:54:33 +0100
Subject: [PATCH] added debug

---
 public/locales/de/translation.json |  1 +
 public/locales/en/translation.json |  1 +
 src/Components/LogCard/index.js    | 13 +++++++++++++
 3 files changed, 15 insertions(+)

diff --git a/public/locales/de/translation.json b/public/locales/de/translation.json
index e3551fa..8fc9f0a 100644
--- a/public/locales/de/translation.json
+++ b/public/locales/de/translation.json
@@ -293,6 +293,7 @@
     "card": {
       "checkbox": {
         "info": "INFO",
+        "debug": "DEBUG",
         "warning": "WARNUNG",
         "error": "FEHLER"
       }
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 0a2c64b..6a7c598 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -336,6 +336,7 @@
     "card": {
       "checkbox": {
         "info": "INFO",
+        "debug": "DEBUG",
         "warning": "WARNING",
         "error": "ERROR"
       }
diff --git a/src/Components/LogCard/index.js b/src/Components/LogCard/index.js
index bf7b1d9..4f99812 100644
--- a/src/Components/LogCard/index.js
+++ b/src/Components/LogCard/index.js
@@ -12,6 +12,7 @@ export default function LogCard({
 }) {
   const { t } = useTranslation();
   const [checkboxInfoChecked, setCheckboxInfoChecked] = useState(true);
+  const [checkboxDebugChecked, setCheckboxDebugChecked] = useState(true);
   const [checkboxWarningChecked, setCheckboxWarningChecked] = useState(true);
   const [checkboxErrorChecked, setCheckboxErrorChecked] = useState(true);
   const virtuosoRef = useRef();
@@ -128,6 +129,7 @@ export default function LogCard({
 
     return (
       (checkboxInfoChecked && logType === "I") ||
+      (checkboxDebugChecked && logType === "D") ||
       (checkboxWarningChecked && logType === "W") ||
       (checkboxErrorChecked && logType === "E")
     );
@@ -152,6 +154,15 @@ export default function LogCard({
                   {t("logCard.card.checkbox.info")}
                 </Checkbox>
               </Col>
+              <Col>
+                <Checkbox
+                  disabled={customResult !== undefined}
+                  checked={checkboxDebugChecked}
+                  onChange={(e) => setCheckboxDebugChecked(e.target.checked)}
+                >
+                  {t("logCard.card.checkbox.debug")}
+                </Checkbox>
+              </Col>
               <Col>
                 <Checkbox
                   disabled={customResult !== undefined}
@@ -206,6 +217,8 @@ export default function LogCard({
 
                   if (checkboxInfoChecked && logType === "I") {
                     color = "#44bd32";
+                  } else if (checkboxDebugChecked && logType === "D") {
+                    color = "#9b59b6";
                   } else if (checkboxWarningChecked && logType === "W") {
                     color = "#e67e22";
                   } else if (checkboxErrorChecked && logType === "E") {