File tree Expand file tree Collapse file tree 1 file changed +3
-3
lines changed
packages/core/src/internal/data-grid-search Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -303,7 +303,7 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
303
303
const onNext = React . useCallback (
304
304
( ev ?: React . MouseEvent ) => {
305
305
ev ?. stopPropagation ?.( ) ;
306
- if ( searchStatus === undefined ) return ;
306
+ if ( searchStatus === undefined || searchStatus . results === 0 ) return ;
307
307
const newIndex = ( searchStatus . selectedIndex + 1 ) % searchStatus . results ;
308
308
setSearchStatus ( {
309
309
...searchStatus ,
@@ -317,7 +317,7 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
317
317
const onPrev = React . useCallback (
318
318
( ev ?: React . MouseEvent ) => {
319
319
ev ?. stopPropagation ?.( ) ;
320
- if ( searchStatus === undefined ) return ;
320
+ if ( searchStatus === undefined || searchStatus . results === 0 ) return ;
321
321
let newIndex = ( searchStatus . selectedIndex - 1 ) % searchStatus . results ;
322
322
if ( newIndex < 0 ) newIndex += searchStatus . results ;
323
323
setSearchStatus ( {
@@ -384,7 +384,7 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
384
384
ev . stopPropagation ( ) ;
385
385
} ;
386
386
387
- const rowsSearchedProgress = Math . floor ( ( ( searchStatus ?. rowsSearched ?? 0 ) / rows ) * 100 ) ;
387
+ const rowsSearchedProgress = rows > 0 ? Math . floor ( ( ( searchStatus ?. rowsSearched ?? 0 ) / rows ) * 100 ) : 0 ;
388
388
const progressStyle : React . CSSProperties = {
389
389
width : `${ rowsSearchedProgress } %` ,
390
390
} ;
You can’t perform that action at this time.
0 commit comments