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 = () => {
>
{useMemo(() =>
- Object.keys(Commands)?.map(
+ Object.keys(Commands)?.sort().map(
commandName => (