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
)