diff --git a/src/fireedge/src/client/icons/docker.js b/src/fireedge/src/client/components/Icons/docker.js
similarity index 94%
rename from src/fireedge/src/client/icons/docker.js
rename to src/fireedge/src/client/components/Icons/docker.js
index 57ee0689d9..32f88638b0 100644
--- a/src/fireedge/src/client/icons/docker.js
+++ b/src/fireedge/src/client/components/Icons/docker.js
@@ -16,7 +16,7 @@
import * as React from 'react'
import { number, string, oneOfType } from 'prop-types'
-function DockerLogo ({ viewBox, width, height, color, ...props }) {
+const DockerLogo = React.memo(({ viewBox, width, height, color, ...props }) => {
return (
)
-}
+})
DockerLogo.propTypes = {
width: oneOfType([number, string]).isRequired,
@@ -41,4 +41,6 @@ DockerLogo.defaultProps = {
color: '#066da5'
}
+DockerLogo.displayName = 'DockerLogo'
+
export default DockerLogo
diff --git a/src/fireedge/src/client/components/Icons/index.js b/src/fireedge/src/client/components/Icons/index.js
new file mode 100644
index 0000000000..1802f1f34c
--- /dev/null
+++ b/src/fireedge/src/client/components/Icons/index.js
@@ -0,0 +1,22 @@
+/* ------------------------------------------------------------------------- *
+ * Copyright 2002-2021, OpenNebula Project, OpenNebula Systems *
+ * *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may *
+ * not use this file except in compliance with the License. You may obtain *
+ * a copy of the License at *
+ * *
+ * http://www.apache.org/licenses/LICENSE-2.0 *
+ * *
+ * Unless required by applicable law or agreed to in writing, software *
+ * distributed under the License is distributed on an "AS IS" BASIS, *
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. *
+ * See the License for the specific language governing permissions and *
+ * limitations under the License. *
+ * ------------------------------------------------------------------------- */
+import DockerLogo from 'client/components/Icons/docker'
+import OpenNebulaLogo from 'client/components/Icons/opennebula'
+
+export {
+ DockerLogo,
+ OpenNebulaLogo
+}
diff --git a/src/fireedge/src/client/icons/logo.js b/src/fireedge/src/client/components/Icons/opennebula.js
similarity index 97%
rename from src/fireedge/src/client/icons/logo.js
rename to src/fireedge/src/client/components/Icons/opennebula.js
index 8a5f69a517..9f22ec2f36 100644
--- a/src/fireedge/src/client/icons/logo.js
+++ b/src/fireedge/src/client/components/Icons/opennebula.js
@@ -19,7 +19,7 @@ import { useTheme } from '@material-ui/core'
import { SCHEMES } from 'client/constants'
-const Logo = memo(({ width, height, spinner, withText, viewBox, ...props }) => {
+const OpenNebulaLogo = memo(({ width, height, spinner, withText, viewBox, ...props }) => {
const { palette: { type } } = useTheme()
const isDarkMode = type === SCHEMES.DARK
@@ -129,7 +129,7 @@ const Logo = memo(({ width, height, spinner, withText, viewBox, ...props }) => {
)
})
-Logo.propTypes = {
+OpenNebulaLogo.propTypes = {
width: oneOfType([number, string]).isRequired,
height: oneOfType([number, string]).isRequired,
viewBox: string,
@@ -137,7 +137,7 @@ Logo.propTypes = {
withText: bool
}
-Logo.defaultProps = {
+OpenNebulaLogo.defaultProps = {
width: 360,
height: 360,
viewBox: '0 0 425 167',
@@ -145,6 +145,6 @@ Logo.defaultProps = {
withText: false
}
-Logo.displayName = 'LogoOne'
+OpenNebulaLogo.displayName = 'OpenNebulaLogo'
-export default Logo
+export default OpenNebulaLogo
diff --git a/src/fireedge/src/client/components/LoadingScreen/index.js b/src/fireedge/src/client/components/LoadingScreen/index.js
index d6a3ef3e4d..984c610e71 100644
--- a/src/fireedge/src/client/components/LoadingScreen/index.js
+++ b/src/fireedge/src/client/components/LoadingScreen/index.js
@@ -16,7 +16,7 @@
import * as React from 'react'
import { makeStyles, Box } from '@material-ui/core'
-import Logo from 'client/icons/logo'
+import { OpenNebulaLogo } from 'client/components/Icons'
const useStyles = makeStyles(theme => ({
root: {
@@ -41,7 +41,7 @@ const LoadingScreen = () => {
return (
-
+
)
}
diff --git a/src/fireedge/src/client/components/Sidebar/index.js b/src/fireedge/src/client/components/Sidebar/index.js
index d702a403ad..47fa601a58 100644
--- a/src/fireedge/src/client/components/Sidebar/index.js
+++ b/src/fireedge/src/client/components/Sidebar/index.js
@@ -32,7 +32,7 @@ import { useGeneral, useGeneralApi } from 'client/features/General'
import sidebarStyles from 'client/components/Sidebar/styles'
import SidebarLink from 'client/components/Sidebar/SidebarLink'
import SidebarCollapseItem from 'client/components/Sidebar/SidebarCollapseItem'
-import Logo from 'client/icons/logo'
+import { OpenNebulaLogo } from 'client/components/Icons'
const Sidebar = ({ endpoints }) => {
const classes = sidebarStyles()
@@ -69,7 +69,7 @@ const Sidebar = ({ endpoints }) => {
open={isFixMenu}
>
- }
{useMemo(() => (
-
+
), [])}
{step === STEPS.USER_FORM &&