From 7efa724631798d30ecb61409f80d01cff35ec4ac Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sun, 5 Oct 2025 15:21:45 +0200
Subject: [PATCH] Save on focusout not fucking keyup

---
 frontend/src/pages/SignatureRules.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/SignatureRules.tsx b/frontend/src/pages/SignatureRules.tsx
index 66f341e..de412ef 100644
--- a/frontend/src/pages/SignatureRules.tsx
+++ b/frontend/src/pages/SignatureRules.tsx
@@ -65,10 +65,10 @@ export const SignatureRules = () => {
         <div className="flex-1 overflow-auto p-4 space-y-4">
           <div className="bg-black/20 border border-purple-500/30 rounded p-4 space-y-3">
             <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <Input 
-                type="text" 
-                placeholder="Regex (e.g. ^Angel.*Outpost$|Guristas.*)" 
-                value={creating.regex} 
+              <Input
+                type="text"
+                placeholder="Regex (e.g. ^Angel.*Outpost$|Guristas.*)"
+                value={creating.regex}
                 onChange={e => setCreating({ ...creating, regex: e.target.value })}
                 className="font-mono"
               />
@@ -94,15 +94,20 @@ export const SignatureRules = () => {
                       <Switch checked={!!r.enabled} onCheckedChange={(v) => handleUpdate(r.id, { enabled: v })} />
                     </TableCell>
                     <TableCell className="max-w-0">
-                      <Input 
-                        type="text" 
-                        value={r.regex} 
-                        onChange={e => handleUpdate(r.id, { regex: e.target.value })}
+                      <Input
+                        type="text"
+                        value={r.regex}
+                        onChange={e => setRules(prev => prev.map(x => x.id === r.id ? { ...x, regex: e.target.value } : x))}
+                        onBlur={e => handleUpdate(r.id, { regex: e.currentTarget.value })}
                         className="font-mono"
                       />
                     </TableCell>
                     <TableCell className="max-w-0">
-                      <Input value={r.note} onChange={e => handleUpdate(r.id, { note: e.target.value })} />
+                      <Input
+                        value={r.note}
+                        onChange={e => setRules(prev => prev.map(x => x.id === r.id ? { ...x, note: e.target.value } : x))}
+                        onBlur={e => handleUpdate(r.id, { note: e.currentTarget.value })}
+                      />
                     </TableCell>
                     <TableCell className="text-right">
                       <Button variant="destructive" onClick={() => handleDelete(r.id)}>Delete</Button>