diff --git a/src/fireedge/src/client/components/Cards/DatastoreCard.js b/src/fireedge/src/client/components/Cards/DatastoreCard.js index 1b899da062..5b5935ca3f 100644 --- a/src/fireedge/src/client/components/Cards/DatastoreCard.js +++ b/src/fireedge/src/client/components/Cards/DatastoreCard.js @@ -51,7 +51,7 @@ const DatastoreCard = memo( {NAME} - {type.name} + } subheader={`#${ID}`} diff --git a/src/fireedge/src/client/components/Cards/HostCard.js b/src/fireedge/src/client/components/Cards/HostCard.js index 4ccd258163..ebb67308f1 100644 --- a/src/fireedge/src/client/components/Cards/HostCard.js +++ b/src/fireedge/src/client/components/Cards/HostCard.js @@ -56,7 +56,7 @@ const HostCard = memo( {NAME} - {mad} + } subheader={`#${ID}`} diff --git a/src/fireedge/src/client/components/Cards/SelectCard/SelectCard.js b/src/fireedge/src/client/components/Cards/SelectCard/SelectCard.js index 65236898e6..374ee73e33 100644 --- a/src/fireedge/src/client/components/Cards/SelectCard/SelectCard.js +++ b/src/fireedge/src/client/components/Cards/SelectCard/SelectCard.js @@ -28,6 +28,7 @@ const SelectCard = memo(({ isSelected, mediaProps, observerOff, + skeletonHeight, stylesProps, subheader, title @@ -129,7 +130,7 @@ const SelectCard = memo(({ )} @@ -182,7 +183,8 @@ SelectCard.propTypes = { PropTypes.string ]), dataCy: PropTypes.string, - disableFilterImage: PropTypes.bool + disableFilterImage: PropTypes.bool, + skeletonHeight: PropTypes.number } SelectCard.defaultProps = { @@ -202,7 +204,8 @@ SelectCard.defaultProps = { observerOff: false, stylesProps: undefined, subheader: undefined, - title: undefined + title: undefined, + skeletonHeight: 140 } SelectCard.displayName = 'SelectCard' diff --git a/src/fireedge/src/client/components/Cards/VirtualMachineCard.js b/src/fireedge/src/client/components/Cards/VirtualMachineCard.js index d5da561cf2..a9ecfa3069 100644 --- a/src/fireedge/src/client/components/Cards/VirtualMachineCard.js +++ b/src/fireedge/src/client/components/Cards/VirtualMachineCard.js @@ -16,6 +16,7 @@ const VirtualMachineCard = memo( action={actions?.map(action => )} + skeletonHeight={75} dataCy={`vm-${ID}`} handleClick={handleClick} icon={( diff --git a/src/fireedge/src/client/components/Status/Chip.js b/src/fireedge/src/client/components/Status/Chip.js index 790a70641a..9d6a7b37d1 100644 --- a/src/fireedge/src/client/components/Status/Chip.js +++ b/src/fireedge/src/client/components/Status/Chip.js @@ -21,29 +21,28 @@ const useStyles = makeStyles(theme => { } }) -const StatusChip = memo(({ stateColor, children }) => { +const StatusChip = memo(({ stateColor, text }) => { const classes = useStyles({ stateColor }) return ( - {children} + {text} ) }, -(prev, next) => prev.stateColor === next.stateColor +(prev, next) => + prev.stateColor === next.stateColor && + prev.text === next.text ) StatusChip.propTypes = { stateColor: PropTypes.string, - children: PropTypes.oneOfType([ - PropTypes.string, - PropTypes.node - ]) + text: PropTypes.string } StatusChip.defaultProps = { stateColor: undefined, - children: '' + text: '' } StatusChip.displayName = 'StatusChip' diff --git a/src/fireedge/src/client/containers/ApplicationsInstances/DialogInfo/info.js b/src/fireedge/src/client/containers/ApplicationsInstances/DialogInfo/info.js index 7133b7d901..d80cd2ea84 100644 --- a/src/fireedge/src/client/containers/ApplicationsInstances/DialogInfo/info.js +++ b/src/fireedge/src/client/containers/ApplicationsInstances/DialogInfo/info.js @@ -54,9 +54,7 @@ const InfoTab = memo(({ info }) => { {Tr(T.State)} - - {stateInfo?.name} - + {Tr(T.ReadyStatusGate)} diff --git a/src/fireedge/src/client/containers/Provisions/DialogInfo/info.js b/src/fireedge/src/client/containers/Provisions/DialogInfo/info.js index 184378812b..8a48d3d817 100644 --- a/src/fireedge/src/client/containers/Provisions/DialogInfo/info.js +++ b/src/fireedge/src/client/containers/Provisions/DialogInfo/info.js @@ -65,9 +65,7 @@ const Info = memo(({ data = {} }) => { {Tr(T.State)} - - {stateInfo?.name} - + diff --git a/src/fireedge/src/client/containers/TestApi/index.js b/src/fireedge/src/client/containers/TestApi/index.js index 1c2a05ce13..cced981459 100644 --- a/src/fireedge/src/client/containers/TestApi/index.js +++ b/src/fireedge/src/client/containers/TestApi/index.js @@ -50,7 +50,7 @@ const TestApi = () => { > {Tr(T.None)} {useMemo(() => - Object.keys(Commands)?.map( + Object.keys(Commands)?.sort().map( commandName => (