add types and lint

twinnydotdev · Apr 18, 2024 · c10df6a · c10df6a
1 parent 860c4fe
commit c10df6a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/webview/chat.tsx b/src/webview/chat.tsx
@@ -2,7 +2,6 @@ import { useEffect, useRef, useState } from 'react'
 
 import {
   VSCodeButton,
-  VSCodeTextArea,
   VSCodePanelView,
   VSCodeProgressRing,
   VSCodeBadge
@@ -60,8 +59,7 @@ export const Chat = () => {
   const { conversation, saveLastConversation, setActiveConversation } =
     useConversationHistory()
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const chatRef = useRef<any>(null) // TODO: type...
+  const chatRef = useRef<HTMLTextAreaElement>(null)
   useAutosizeTextArea(chatRef, inputText)
 
   const scrollBottom = () => {

diff --git a/src/webview/hooks.ts b/src/webview/hooks.ts
@@ -382,9 +382,12 @@ export const useOllamaModels = () => {
   return { models }
 }
 
-const useAutosizeTextArea = (chatRef: any, value: string) => {
+const useAutosizeTextArea = (
+  chatRef: React.RefObject<HTMLTextAreaElement> | null,
+  value: string
+) => {
   useEffect(() => {
-    if (chatRef) {
+    if (chatRef?.current) {
       chatRef.current.style.height = '0px'
       const scrollHeight = chatRef.current.scrollHeight
       chatRef.current.style.height = `${scrollHeight + 5}px`