@@ -63,7 +63,7 @@ const FilterComponent = ({ filterText, onFilter, onClear, filterlist, onFilterPr
63
63
{ filterlist &&
64
64
filterlist . map ( ( item , idx ) => {
65
65
return (
66
- < CDropdownItem key = { idx } onClick = { ( ) => onFilterPreset ( item . filter ) } >
66
+ < CDropdownItem key = { `filter- ${ idx } ` } onClick = { ( ) => onFilterPreset ( item . filter ) } >
67
67
{ item . filterName }
68
68
</ CDropdownItem >
69
69
)
@@ -722,7 +722,7 @@ export default function CippTable({
722
722
{ dataKeys ( ) &&
723
723
dataKeys ( ) . map ( ( item , idx ) => {
724
724
return (
725
- < CDropdownItem key = { idx } onClick = { ( ) => addColumn ( item ) } >
725
+ < CDropdownItem key = { `select- ${ idx } ` } onClick = { ( ) => addColumn ( item ) } >
726
726
{ updatedColumns . find (
727
727
( o ) => o . exportSelector === item && o ?. omit !== true ,
728
728
) && < FontAwesomeIcon icon = { faCheck } /> } { ' ' }
@@ -820,7 +820,7 @@ export default function CippTable({
820
820
< CDropdownMenu >
821
821
{ actionsList . map ( ( item , idx ) => {
822
822
return (
823
- < CDropdownItem key = { idx } onClick = { ( ) => executeselectedAction ( item ) } >
823
+ < CDropdownItem key = { `actions- ${ idx } ` } onClick = { ( ) => executeselectedAction ( item ) } >
824
824
{ item . label }
825
825
</ CDropdownItem >
826
826
)
@@ -885,6 +885,7 @@ export default function CippTable({
885
885
updatedColumns ,
886
886
addColumn ,
887
887
setGraphFilter ,
888
+ isFetching ,
888
889
] )
889
890
const tablePageSize = useSelector ( ( state ) => state . app . tablePageSize )
890
891
const [ codeCopied , setCodeCopied ] = useState ( false )
@@ -950,8 +951,8 @@ export default function CippTable({
950
951
const results = message . data ?. Results
951
952
const displayResults = Array . isArray ( results ) ? results . join ( ', ' ) : results
952
953
return (
953
- < >
954
- < li key = { `message- ${ idx } ` } >
954
+ < React . Fragment key = { `message- ${ idx } ` } >
955
+ < li >
955
956
{ displayResults }
956
957
< CopyToClipboard text = { displayResults } onCopy = { ( ) => onCodeCopied ( ) } >
957
958
< CButton
@@ -968,7 +969,7 @@ export default function CippTable({
968
969
</ CButton >
969
970
</ CopyToClipboard >
970
971
</ li >
971
- </ >
972
+ </ React . Fragment >
972
973
)
973
974
} ) }
974
975
{ loopRunning && (
@@ -1008,11 +1009,12 @@ export default function CippTable({
1008
1009
progressPending = { isFetching }
1009
1010
progressComponent = { < CSpinner color = "info" component = "div" /> }
1010
1011
paginationRowsPerPageOptions = { [ 25 , 50 , 100 , 200 , 500 ] }
1012
+ keyField = { keyField }
1011
1013
{ ...rest }
1012
1014
/>
1013
1015
{ selectedRows . length >= 1 && < CCallout > Selected { selectedRows . length } items</ CCallout > }
1014
1016
< CippCodeOffCanvas
1015
- row = { data }
1017
+ row = { data ?? { } }
1016
1018
hideButton = { true }
1017
1019
state = { codeOffcanvasVisible }
1018
1020
hideFunction = { ( ) => setCodeOffcanvasVisible ( false ) }
0 commit comments