Merge pull request #1577 from sanjai0py/feature/auto-scroll-on-collec…

…tion-run

feat(#1575) - Auto scroll on collection run update

packages/bruno-app/src/components/RunnerResults/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import path from 'path';
 import { useDispatch } from 'react-redux';
 import { get, cloneDeep } from 'lodash';
@@ -22,6 +22,7 @@ const getRelativePath = (fullPath, pathname) => {
 
 export default function RunnerResults({ collection }) {
   const dispatch = useDispatch();
+  const listWrapperRef = useRef();
   const [selectedItem, setSelectedItem] = useState(null);
 
   useEffect(() => {
@@ -66,6 +67,11 @@ export default function RunnerResults({ collection }) {
     })
     .filter(Boolean);
 
+  useEffect(() => {
+    if (listWrapperRef.current) {
+      listWrapperRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
+    }
+  }, [items]);
   const runCollection = () => {
     dispatch(runCollectionFolder(collection.uid, null, true));
   };
@@ -118,7 +124,7 @@ export default function RunnerResults({ collection }) {
   }
 
   return (
-    <StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative">
+    <StyledWrapper ref={listWrapperRef} className="px-4 pb-4 flex flex-grow flex-col relative">
       <div className="flex flex-row mt-6 mb-4">
         <div className="font-medium title flex items-center">
           Runner