When you press reply, scroll to the new comment box and also focus it

pbteja1998 · pbteja1998 · commit 56202c80cdcf · 2021-02-28T10:44:49.000+05:30
diff --git a/src/components/goals/NewComment.tsx b/src/components/goals/NewComment.tsx
@@ -87,6 +87,7 @@ export default function NewComment({ updateId }: { updateId: string }) {
           <div className="min-w-0 flex-1">
             <form onSubmit={handleSubmit(onSubmit)}>
               <TextArea
+                id={`new-comment-${updateId}`}
                 ref={register({ required: true })}
                 label="Comment"
                 name="description"
diff --git a/src/components/goals/UpdateComment.tsx b/src/components/goals/UpdateComment.tsx
@@ -16,6 +16,7 @@ import { User } from 'src/pages/members'
 import { useMutation, useQueryClient } from 'react-query'
 import toast from 'react-hot-toast'
 import ListModal from '../modal/ListModal'
+import { scrollToContentWithId } from 'src/utils'
 
 export type GoalUpdateType = {
   id: string
@@ -229,7 +230,11 @@ export default function UpdateComment({
                     <Button
                       variant="ghost"
                       leadingIcon={Chats}
-                      isDisabled={true}
+                      onClick={() => {
+                        const id = `new-comment-${comment.updateId}`
+                        document.getElementById(id).focus()
+                        scrollToContentWithId(id)
+                      }}
                     >
                       Reply
                     </Button>
