From 93ba8def03cdeba8b4bd3726a0e7c096bf95cfd6 Mon Sep 17 00:00:00 2001
From: Martin Berka <martin.berka@radbuza.net>
Date: Tue, 5 Mar 2024 23:10:38 +0100
Subject: [PATCH] =?UTF-8?q?Oprava=20posun=C5=AF=20mezi=20dny=20v=20inputec?=
 =?UTF-8?q?h?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/App.tsx                                    | 2 ++
 client/src/components/modals/NoteModal.tsx            | 1 +
 client/src/components/modals/PizzaCalculatorModal.tsx | 8 ++++----
 client/src/components/modals/SettingsModal.tsx        | 4 ++--
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 523ca55..de3508c 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -374,6 +374,7 @@ function App() {
             Poslední změny:
             <ul>
               <li>Anděloviny</li>
+              <li>Zamezení posunů mezi dny šipkami v inputech</li>
             </ul>
           </Alert>
           {dayIndex != null &&
@@ -582,6 +583,7 @@ function App() {
                           if (event.key === 'Enter') {
                             handlePizzaPoznamkaChange();
                           }
+                          event.stopPropagation();
                         }} />
                         <Button
                           style={{ marginLeft: '20px' }}
diff --git a/client/src/components/modals/NoteModal.tsx b/client/src/components/modals/NoteModal.tsx
index 26577d8..4928f50 100644
--- a/client/src/components/modals/NoteModal.tsx
+++ b/client/src/components/modals/NoteModal.tsx
@@ -24,6 +24,7 @@ export default function NoteModal({ isOpen, onClose, onSave }: Props) {
                 if (event.key === 'Enter') {
                     save();
                 }
+                event.stopPropagation();
             }} />
         </Modal.Body>
         <Modal.Footer>
diff --git a/client/src/components/modals/PizzaCalculatorModal.tsx b/client/src/components/modals/PizzaCalculatorModal.tsx
index d3e07df..1520882 100644
--- a/client/src/components/modals/PizzaCalculatorModal.tsx
+++ b/client/src/components/modals/PizzaCalculatorModal.tsx
@@ -106,18 +106,18 @@ export default function PizzaCalculatorModal({ isOpen, onClose }: Props) {
             <p>Zadejte parametry pizzy pro jejich srovnání.</p>
             <Row>
                 <Col size="6">
-                    <input className="mb-3" ref={diameter1Ref} type="number" step="1" min="1" placeholder="Průměr 1. pizzy (cm)" onChange={recalculate} />
+                    <input className="mb-3" ref={diameter1Ref} type="number" step="1" min="1" placeholder="Průměr 1. pizzy (cm)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
                 </Col>
                 <Col size="6">
-                    <input className="mb-3" ref={diameter2Ref} type="number" step="1" min="1" placeholder="Průměr 2. pizzy (cm)" onChange={recalculate} />
+                    <input className="mb-3" ref={diameter2Ref} type="number" step="1" min="1" placeholder="Průměr 2. pizzy (cm)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
                 </Col>
             </Row>
             <Row>
                 <Col size="6">
-                    <input className="mb-3" ref={price1Ref} type="number" min="1" placeholder="Cena 1. pizzy (Kč)" onChange={recalculate} />
+                    <input className="mb-3" ref={price1Ref} type="number" min="1" placeholder="Cena 1. pizzy (Kč)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
                 </Col>
                 <Col size="6">
-                    <input className="mb-3" ref={price2Ref} type="number" min="1" placeholder="Cena 2. pizzy (Kč)" onChange={recalculate} />
+                    <input className="mb-3" ref={price2Ref} type="number" min="1" placeholder="Cena 2. pizzy (Kč)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
                 </Col>
             </Row>
             <Row>
diff --git a/client/src/components/modals/SettingsModal.tsx b/client/src/components/modals/SettingsModal.tsx
index f69227f..b83b341 100644
--- a/client/src/components/modals/SettingsModal.tsx
+++ b/client/src/components/modals/SettingsModal.tsx
@@ -27,8 +27,8 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Props) {
             <hr />
             <h4>Bankovní účet</h4>
             <p>Nastavením čísla účtu umožníte automatické generování QR kódů pro úhradu za vámi provedené objednávky v rámci Pizza day.<br />Pokud vaše číslo účtu neobsahuje předčíslí, je možné ho zcela vynechat.<br /><br />Číslo účtu není ukládáno na serveru, posílá se na něj pouze za účelem vygenerování QR kódů.</p>
-            Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={settings?.bankAccount} /> <br />
-            Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={settings?.holderName} />
+            Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={settings?.bankAccount} onKeyDown={e => e.stopPropagation()} /> <br />
+            Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={settings?.holderName} onKeyDown={e => e.stopPropagation()} />
         </Modal.Body>
         <Modal.Footer>
             <Button variant="secondary" onClick={onClose}>