From 1734135ad69a88268b4463fd6040839053d962fa Mon Sep 17 00:00:00 2001
From: Daniel Bayerlein <daniel.bayerlein@googlemail.com>
Date: Sun, 22 Jan 2023 10:49:06 +0100
Subject: [PATCH] feat(ui): add bounce option for particles

Closes: #121
---
 ui/public/locales/de/translation.json |  1 +
 ui/public/locales/en/translation.json |  1 +
 ui/src/pages/Zone.tsx                 | 12 ++++++++++++
 3 files changed, 14 insertions(+)

diff --git a/ui/public/locales/de/translation.json b/ui/public/locales/de/translation.json
index e58d38f..386999a 100644
--- a/ui/public/locales/de/translation.json
+++ b/ui/public/locales/de/translation.json
@@ -135,6 +135,7 @@
     "birthRate": "Wahrscheinlichkeit neuer Funken",
     "brightness": "Helligkeit",
     "brightnessVariance": "Helligkeitsabweichung",
+    "bounceAtCorner": "Partikel abprallen",
     "channelCurrents": "LED-Strom pro Kanal (MA)",
     "color1": "Farbe 1",
     "color2": "Farbe 2",
diff --git a/ui/public/locales/en/translation.json b/ui/public/locales/en/translation.json
index 3eaf7bd..7ceec74 100644
--- a/ui/public/locales/en/translation.json
+++ b/ui/public/locales/en/translation.json
@@ -135,6 +135,7 @@
     "birthRate": "Birth Rate",
     "brightness": "Brightness",
     "brightnessVariance": "Brightness Variance",
+    "bounceAtCorner": "Bounce Particles",
     "channelCurrents": "LED Current per Channel (MA)",
     "color1": "Color 1",
     "color2": "Color 2",
diff --git a/ui/src/pages/Zone.tsx b/ui/src/pages/Zone.tsx
index 0ca7e30..bd377db 100644
--- a/ui/src/pages/Zone.tsx
+++ b/ui/src/pages/Zone.tsx
@@ -494,6 +494,18 @@ const Form = ({ zoneId }: FormProps): JSX.Element => {
                 />
               </label>
 
+              <label className="mb-6 flex flex-row justify-between">
+                <span className="basis-1/2 self-center">
+                  {t('zone.bounceAtCorner')}
+                </span>
+                <div className="basis-1/2 text-right">
+                  <Switch<FormData>
+                    control={control}
+                    name="animationSettings.18"
+                  />
+                </div>
+              </label>
+
               <Collapsible
                 title={t('zone.variance')}
                 className="mb-6"