From 5fec0c938a6de00586db736823feaf29ad3e0c01 Mon Sep 17 00:00:00 2001
From: Flea Flicker <flea-flicker@groombook.ai>
Date: Thu, 21 May 2026 11:38:03 +0000
Subject: [PATCH] Fix: render error state in BufferRulesSection (fixes lint
 error)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The 'error' useState was declared but never read — only setError was called.
Now renders the error message as a red text node when the fetch fails.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/BufferRules.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/BufferRules.tsx b/src/components/BufferRules.tsx
index 5103f0a..1924aba 100644
--- a/src/components/BufferRules.tsx
+++ b/src/components/BufferRules.tsx
@@ -144,6 +144,12 @@ export function BufferRulesSection() {
     );
   }
 
+  if (error) {
+    return (
+      <div className="py-4 text-sm text-red-500">{error}</div>
+    );
+  }
+
   return (
     <div>
       <div className="flex items-center justify-between mb-4">