small fix: scrollbar padding and others

reorproject · Oct 22, 2024 · 242e2a4 · 242e2a4
1 parent 7991e69
commit 242e2a4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/WritingAssistant/ConversationHistory.tsx b/src/components/WritingAssistant/ConversationHistory.tsx
@@ -78,7 +78,7 @@ const ConversationHistory: React.FC<ConversationHistoryProps> = ({
           Next
         </button>
       </div>
-      <div className="grow overflow-y-auto">
+      <div className="grow overflow-y-auto pr-2 scrollbar-thin scrollbar-track-gray-200 scrollbar-thumb-gray-400">
         {currentConversation.map(
           (message) =>
             message.role === 'assistant' && (

diff --git a/src/components/WritingAssistant/WritingAssistant.tsx b/src/components/WritingAssistant/WritingAssistant.tsx
@@ -267,9 +267,9 @@ const WritingAssistant: React.FC = () => {
           : JSON.stringify(lastAssistantMessage.content)
     }
     const prompt = generatePromptString(option, selectedText, isSpaceTrigger, customPromptInput)
-    // setPrompts((prev) => [...prev, { option, customPromptInput }])
     setPrevPrompt(prompt)
     setIsNewConversation(true)
+    setIsOptionsVisible(false)
     await getLLMResponse(prompt)
   }
 
@@ -297,6 +297,7 @@ const WritingAssistant: React.FC = () => {
           onKeyDown={(e) => {
             if (e.key === 'Enter') {
               handleOption('custom', customPrompt)
+              setCustomPrompt('')
             }
           }}
         />
@@ -364,6 +365,7 @@ const WritingAssistant: React.FC = () => {
                 onKeyDown={(e) => {
                   if (e.key === 'Enter') {
                     handleOption('custom', customPrompt)
+                    setCustomPrompt('')
                   }
                 }}
               />

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -118,6 +118,7 @@ export default {
   },
   plugins: [
     require('tailwind-scrollbar'),
-      require("tailwindcss-animate")
+      require("tailwindcss-animate"),
+	  require('tailwind-scrollbar')
 ],
 };