Add debouncer for clicks

eea · Jan 16, 2025 · 9da297c · 9da297c
1 parent f755f7a
commit 9da297c
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 3 deletions.
diff --git a/src/ChatBlock/ChatMessageBubble.jsx b/src/ChatBlock/ChatMessageBubble.jsx
@@ -67,8 +67,14 @@ export function ToolCall({ tool_args, tool_name, tool_result }) {
 }
 
 export function ChatMessageBubble(props) {
-  const { message, isLoading, isMostRecent, libs, onChoice, showToolCalls } =
-    props;
+  const {
+    message,
+    isLoading,
+    isMostRecent,
+    libs,
+    onChoice,
+    showToolCalls,
+  } = props;
   const { remarkGfm } = libs; // , rehypePrism
   const { citations = {}, documents, type } = message;
   const isUser = type === 'user';

diff --git a/src/ChatBlock/EmptyState.jsx b/src/ChatBlock/EmptyState.jsx
@@ -1,4 +1,5 @@
 import { Button } from 'semantic-ui-react';
+import { debounce } from './utils';
 
 function StarterMessage({ msg, onClick }) {
   return (
@@ -15,6 +16,8 @@ function StarterMessage({ msg, onClick }) {
   );
 }
 
+let click_signal = { current: null };
+
 export default function EmptyState(props) {
   const {
     persona,
@@ -36,7 +39,11 @@ export default function EmptyState(props) {
               key={msg.name}
               msg={msg}
               onClick={() =>
-                onChoice(msg.message || `${msg.name}\n${msg.description}`)
+                debounce(
+                  () =>
+                    onChoice(msg.message || `${msg.name}\n${msg.description}`),
+                  click_signal,
+                )
               }
             />
           ))}

diff --git a/src/ChatBlock/utils.js b/src/ChatBlock/utils.js
@@ -33,3 +33,13 @@ export const SVGIcon = ({ name, size, color, className, title }) => {
     />
   );
 };
+
+export function debounce(callable, click_signal) {
+  if (!click_signal.current) {
+    click_signal.current = true;
+    setTimeout(() => {
+      click_signal.current = null;
+    }, 1000);
+    callable();
+  }
+}