diff --git a/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js b/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js
index c1abbad064..77b5224b02 100644
--- a/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js
+++ b/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js
@@ -46,7 +46,7 @@ const GlobalFilter = ({ useTableProps }) => {
*/
const { setGlobalFilter, state: { globalFilter } } = useTableProps
- const [value, setValue] = React.useState(globalFilter)
+ const [value, setValue] = React.useState(() => globalFilter)
const handleChange = React.useCallback(
// Set undefined to remove the filter entirely
diff --git a/src/fireedge/src/client/components/Tables/Enhanced/styles.js b/src/fireedge/src/client/components/Tables/Enhanced/styles.js
index af685c6a2c..3401db13bd 100644
--- a/src/fireedge/src/client/components/Tables/Enhanced/styles.js
+++ b/src/fireedge/src/client/components/Tables/Enhanced/styles.js
@@ -45,6 +45,7 @@ export default makeStyles(
gap: '1em',
gridTemplateColumns: 'minmax(0, 1fr)',
gridAutoRows: 'max-content',
+ paddingBlock: '0.8em',
'& > [role=row]': {
padding: '0.8em',
cursor: 'pointer',
diff --git a/src/fireedge/src/client/components/Tables/Marketplaces/index.js b/src/fireedge/src/client/components/Tables/Marketplaces/index.js
index a49e90b28f..2f4e1d1e62 100644
--- a/src/fireedge/src/client/components/Tables/Marketplaces/index.js
+++ b/src/fireedge/src/client/components/Tables/Marketplaces/index.js
@@ -15,7 +15,7 @@ const MarketplacesTable = () => {
const { getMarketplaces } = useMarketplaceApi()
const { filterPool } = useAuth()
- const { fetchRequest, loading, reloading, STATUS } = useFetch(getMarketplaces)
+ const { status, fetchRequest, loading, reloading, STATUS } = useFetch(getMarketplaces)
const { INIT, PENDING } = STATUS
useEffect(() => { fetchRequest() }, [filterPool])
diff --git a/src/fireedge/src/client/containers/Clusters/index.js b/src/fireedge/src/client/containers/Clusters/index.js
index e69a759c49..a1b4e9305c 100644
--- a/src/fireedge/src/client/containers/Clusters/index.js
+++ b/src/fireedge/src/client/containers/Clusters/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Clusters () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/Datastores/index.js b/src/fireedge/src/client/containers/Datastores/index.js
index 2fea353c61..c92599dbc8 100644
--- a/src/fireedge/src/client/containers/Datastores/index.js
+++ b/src/fireedge/src/client/containers/Datastores/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Datastores () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/Groups/index.js b/src/fireedge/src/client/containers/Groups/index.js
index 42ae22f3fe..15a3305294 100644
--- a/src/fireedge/src/client/containers/Groups/index.js
+++ b/src/fireedge/src/client/containers/Groups/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Groups () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/Hosts/index.js b/src/fireedge/src/client/containers/Hosts/index.js
index 98fc61415c..8245b9aa9c 100644
--- a/src/fireedge/src/client/containers/Hosts/index.js
+++ b/src/fireedge/src/client/containers/Hosts/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Hosts () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/Images/index.js b/src/fireedge/src/client/containers/Images/index.js
index d14a0e5e89..6970d8ef41 100644
--- a/src/fireedge/src/client/containers/Images/index.js
+++ b/src/fireedge/src/client/containers/Images/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Images () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/MarketplaceApps/index.js b/src/fireedge/src/client/containers/MarketplaceApps/index.js
index 9253529695..8febf0290f 100644
--- a/src/fireedge/src/client/containers/MarketplaceApps/index.js
+++ b/src/fireedge/src/client/containers/MarketplaceApps/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function MarketplaceApps () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/Marketplaces/index.js b/src/fireedge/src/client/containers/Marketplaces/index.js
index 8f007c162e..387e56c278 100644
--- a/src/fireedge/src/client/containers/Marketplaces/index.js
+++ b/src/fireedge/src/client/containers/Marketplaces/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Marketplaces () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/Users/index.js b/src/fireedge/src/client/containers/Users/index.js
index 5c5d476460..c4a2a31ccd 100644
--- a/src/fireedge/src/client/containers/Users/index.js
+++ b/src/fireedge/src/client/containers/Users/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function Users () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/VirtualMachines/index.js b/src/fireedge/src/client/containers/VirtualMachines/index.js
index cfd7f51598..afae5811d7 100644
--- a/src/fireedge/src/client/containers/VirtualMachines/index.js
+++ b/src/fireedge/src/client/containers/VirtualMachines/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function VirtualMachines () {
return (
-
-
-
-
-
+
+
+
)
}
diff --git a/src/fireedge/src/client/containers/VmTemplates/index.js b/src/fireedge/src/client/containers/VmTemplates/index.js
index 0ba8cac5c3..0d1c286c5f 100644
--- a/src/fireedge/src/client/containers/VmTemplates/index.js
+++ b/src/fireedge/src/client/containers/VmTemplates/index.js
@@ -1,22 +1,21 @@
import * as React from 'react'
-import { styled, Container as MContainer, Box } from '@material-ui/core'
+import { Container, Box } from '@material-ui/core'
import * as Tables from 'client/components/Tables'
-const Container = styled(MContainer)`
- display: flex;
- flexDirection: column;
- height: 100%
-`
-
function VmTemplates () {
return (
-
-
-
-
-
+
+
+
)
}