scroll to bottom of replies

Author: siddharthkp

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/Dialog/index.tsx

@@ -144,7 +144,16 @@ export const Dialog: React.FC = () => {
                 />
               ) : null}
             </Stack>
-            <AddReply comment={comment} />
+            <AddReply
+              comment={comment}
+              onSubmit={() => {
+                // scroll to bottom of the list,
+                // have to wait for it to load though :)
+                window.requestAnimationFrame(() => {
+                  listRef.current.scrollTop = listRef.current.scrollHeight;
+                });
+              }}
+            />
           </>
         )}
       </Stack>
@@ -388,7 +397,7 @@ const Replies = ({ replies, repliesRenderedCallback }) => {
   );
 };
 
-const AddReply = ({ comment }) => {
+const AddReply = ({ comment, ...props }) => {
   const { actions } = useOvermind();
   const [value, setValue] = useState('');
 
@@ -398,6 +407,7 @@ const AddReply = ({ comment }) => {
       content: value,
       parentCommentId: comment.id,
     });
+    if (props.onSubmit) props.onSubmit();
   };
 
   return (