extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2025-06-21 12:33:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sanjai0py 2024-02-13 16:43:34 +05:30
parent 808af3c19a
commit 7c314d0fed
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/bruno-app/src/components/RunnerResults/index.jsx
View File

@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useRef, useEffect } from 'react';
import path from 'path'; import path from 'path';
import { useDispatch } from 'react-redux'; import { useDispatch } from 'react-redux';
import { get, cloneDeep } from 'lodash'; import { get, cloneDeep } from 'lodash';
@ -22,6 +22,7 @@ const getRelativePath = (fullPath, pathname) => {
export default function RunnerResults({ collection }) { export default function RunnerResults({ collection }) {
const dispatch = useDispatch(); const dispatch = useDispatch();
const listWrapperRef = useRef();
const [selectedItem, setSelectedItem] = useState(null); const [selectedItem, setSelectedItem] = useState(null);
useEffect(() => { useEffect(() => {
@ -65,6 +66,11 @@ export default function RunnerResults({ collection }) {
}) })
.filter(Boolean); .filter(Boolean);
useEffect(() => {
if (listWrapperRef.current) {
listWrapperRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
}
}, [items]);
const runCollection = () => { const runCollection = () => {
dispatch(runCollectionFolder(collection.uid, null, true)); dispatch(runCollectionFolder(collection.uid, null, true));
}; };
@ -113,7 +119,7 @@ export default function RunnerResults({ collection }) {
} }
return ( 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"> <div className="font-medium mt-6 mb-4 title flex items-center">
Runner Runner
<IconRun size={20} strokeWidth={1.5} className="ml-2" /> <IconRun size={20} strokeWidth={1.5} className="ml-2" />