diff --git a/src/fireedge/src/client/components/Tables/Enhanced/WrapperRow.js b/src/fireedge/src/client/components/Tables/Enhanced/WrapperRow.js index 458cd4677b..b950adc60c 100644 --- a/src/fireedge/src/client/components/Tables/Enhanced/WrapperRow.js +++ b/src/fireedge/src/client/components/Tables/Enhanced/WrapperRow.js @@ -158,6 +158,39 @@ CardWrapper.propTypes = { CardWrapper.displayName = 'CardWrapper' +const SwitchRowComponent = memo( + ({ props, hasHeader, RowCardComponent, enabledFullScreen }) => { + const internalProps = { ...props } + let Component = '' + + if (hasHeader) { + internalProps.enabledFullScreen = enabledFullScreen + Component = + } else { + Component = + if (enabledFullScreen) { + Component = ( + + + + ) + } + } + + return Component + }, + (prev, next) => prev.RowCardComponent === next.RowCardComponent +) + +SwitchRowComponent.propTypes = { + props: PropTypes.any, + RowCardComponent: PropTypes.any, + hasHeader: PropTypes.bool, + enabledFullScreen: PropTypes.bool, +} + +SwitchRowComponent.displayName = 'SwitchRowComponent' + /** * @param {ReactElement} RowCardComponent - Standard row component (Card). * @param {boolean} enabledFullScreen - to check if the datatable is in full screen mode @@ -172,26 +205,14 @@ const WrapperRow = (RowCardComponent, enabledFullScreen) => { const header = data === 'list' const component = memo( - (props) => { - const internalProps = { ...props } - let Component = '' - - if (header) { - internalProps.enabledFullScreen = enabledFullScreen - Component = - } else { - Component = - if (enabledFullScreen) { - Component = ( - - - - ) - } - } - - return Component - }, + (props) => ( + + ), (prev, next) => prev.className === next.className )