diff --git a/src/fireedge/src/client/components/Icons/opennebula.js b/src/fireedge/src/client/components/Icons/opennebula.js index 9a5d8e57d8..9fbce0f2e9 100644 --- a/src/fireedge/src/client/components/Icons/opennebula.js +++ b/src/fireedge/src/client/components/Icons/opennebula.js @@ -19,132 +19,183 @@ import { useTheme } from '@material-ui/core' import { SCHEMES } from 'client/constants' -const OpenNebulaLogo = memo(({ width, height, spinner, withText, viewBox, ...props }) => { - const { palette: { type } } = useTheme() - const isDarkMode = type === SCHEMES.DARK +const OpenNebulaLogo = memo( + ({ width, height, spinner, withText, withBeta, viewBox, ...props }) => { + const { palette: { type } } = useTheme() + const isDarkMode = type === SCHEMES.DARK - const cloudColor = { - child1: { from: '#bfe6f2', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#bfe6f2' }, - child2: { from: '#80cde6', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#80cde6' }, - child3: { from: '#40b3d9', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#40b3d9' }, - child4: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' }, - child5: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' } - } + const cloudColor = { + child1: { from: '#bfe6f2', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#bfe6f2' }, + child2: { from: '#80cde6', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#80cde6' }, + child3: { from: '#40b3d9', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#40b3d9' }, + child4: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' }, + child5: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' } + } - const textColor = { - top: 'currentColor', - bottom: isDarkMode ? 'currentColor' : '#0098c3' - } + const textColor = { + top: 'currentColor', + bottom: isDarkMode ? 'currentColor' : '#0098c3', + beta: '#ffffff' + } - return ( - - {spinner && ( - - {Object.entries(cloudColor)?.map(([key, color]) => ( - - - - - - ))} - - )} - {/* --------------- CLOUD ------------------ */} - - - - - - - - - {withText && ( - - {/* --------------- TEXT TOP ------------------ */} + return ( + + {spinner && ( + + {Object.entries(cloudColor)?.map(([key, color]) => ( + + + + + + ))} + + )} + {/* --------------- CLOUD ------------------ */} + - - {/* --------------- TEXT BOTTOM ------------------ */} - - - - - - )} - - ) -}) + + {withText && ( + + {/* --------------- TEXT TOP ------------------ */} + + + + + + {/* --------------- TEXT BOTTOM ------------------ */} + + + + + + + + )} + {withBeta && ( + + + + + + + + + + + + )} + + ) + }) OpenNebulaLogo.propTypes = { width: oneOfType([number, string]).isRequired, height: oneOfType([number, string]).isRequired, viewBox: string, spinner: bool, - withText: bool + withText: bool, + withBeta: bool } OpenNebulaLogo.defaultProps = { width: 360, height: 360, - viewBox: '0 0 425 167', + viewBox: '0 0 120 45', spinner: false, - withText: false + withText: false, + withBeta: false } OpenNebulaLogo.displayName = 'OpenNebulaLogo' diff --git a/src/fireedge/src/client/components/LoadingScreen/index.js b/src/fireedge/src/client/components/LoadingScreen/index.js index 1783de793d..0584d2479b 100644 --- a/src/fireedge/src/client/components/LoadingScreen/index.js +++ b/src/fireedge/src/client/components/LoadingScreen/index.js @@ -41,7 +41,13 @@ const LoadingScreen = () => { return ( - + ) } 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 b90af763ae..cac6597f81 100644 --- a/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js +++ b/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js @@ -44,13 +44,13 @@ const useStyles = makeStyles(({ spacing, palette, shape, breakpoints }) => ({ justifyContent: 'center' }, inputRoot: { - color: 'inherit' + color: 'inherit', + width: '100%' }, inputInput: { padding: spacing(1, 1, 1, 0), // vertical padding + font size from searchIcon - paddingLeft: `calc(1em + ${spacing(4)}px)`, - width: '100%' + paddingLeft: `calc(1em + ${spacing(4)}px)` } })) diff --git a/src/fireedge/src/client/containers/Login/index.js b/src/fireedge/src/client/containers/Login/index.js index 72578d8e80..781a2dbea8 100644 --- a/src/fireedge/src/client/containers/Login/index.js +++ b/src/fireedge/src/client/containers/Login/index.js @@ -83,6 +83,7 @@ function Login () { height={100} width='100%' withText + withBeta /> ), [])}