From 7c314d0fed027117769a027b7ad2f11588e6b1fb Mon Sep 17 00:00:00 2001
From: sanjai0py <sanjailucifer666@gmail.com>
Date: Tue, 13 Feb 2024 16:43:34 +0530
Subject: [PATCH] feat(#1575) - auto scroll on collection run update

---
 .../bruno-app/src/components/RunnerResults/index.jsx   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/bruno-app/src/components/RunnerResults/index.jsx b/packages/bruno-app/src/components/RunnerResults/index.jsx
index 496710ea28..86e92d45ea 100644
--- a/packages/bruno-app/src/components/RunnerResults/index.jsx
+++ b/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(() => {
@@ -65,6 +66,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));
   };
@@ -113,7 +119,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="font-medium mt-6 mb-4 title flex items-center">
         Runner
         <IconRun size={20} strokeWidth={1.5} className="ml-2" />