Chatbot: question-matching on questions input #592

StampyAI · May 9, 2024 · 4ab71e9 · 4ab71e9
1 parent 662a277
commit 4ab71e9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/app/components/Button/button.css b/app/components/Button/button.css
@@ -218,4 +218,4 @@
 .button[disabled] {
   opacity: 0.6;
   cursor: inherit;
-}
+}
diff --git a/app/components/Chatbot/index.tsx b/app/components/Chatbot/index.tsx
@@ -73,9 +73,11 @@ const QuestionInput = ({initial, onChange, onAsk}: QuestionInputProps) => {
   return (
     <div className="widget-ask fcol-10">
       {results.length > 0 ? (
-        <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
-          {results[0].title}
-        </Button>
+          <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
+            <p className="default">
+            {results[0].title}
+            </p>
+          </Button>
       ) : undefined}
       <div className="flex-container">
         <Input

diff --git a/app/components/Chatbot/widgit.css b/app/components/Chatbot/widgit.css
@@ -52,6 +52,11 @@
 .widget-ask .suggestion {
   border: 1px solid var(--colors-cool-grey-200, #dfe3e9);
   justify-content: start;
+  padding: var(--spacing-8) var(--spacing-12);
+}
+
+.widget-ask .suggestion:hover {
+  background: var(--colors-teal-50);
 }
 
 .widget-ask .send {