diff --git a/frontend/src/container/GridCardLayout/GridCardLayout.styles.scss b/frontend/src/container/GridCardLayout/GridCardLayout.styles.scss index ab90890541..f65cda37cc 100644 --- a/frontend/src/container/GridCardLayout/GridCardLayout.styles.scss +++ b/frontend/src/container/GridCardLayout/GridCardLayout.styles.scss @@ -1,8 +1,10 @@ .fullscreen-grid-container { overflow: auto; + margin-top: 1rem; .react-grid-layout { border: none !important; + margin-top: 0; } } @@ -13,3 +15,9 @@ height: calc(100% - 30px); } } + +.lightMode { + .fullscreen-grid-container { + background-color: rgb(250, 250, 250); + } +} diff --git a/frontend/src/container/SideNav/SideNav.tsx b/frontend/src/container/SideNav/SideNav.tsx index 7f29b96c3a..29435a399b 100644 --- a/frontend/src/container/SideNav/SideNav.tsx +++ b/frontend/src/container/SideNav/SideNav.tsx @@ -74,6 +74,8 @@ function SideNav({ isCurrentVersionError, } = useSelector((state) => state.app); + const [licenseTag, setLicenseTag] = useState(''); + const userSettingsMenuItem = { key: ROUTES.MY_SETTINGS, label: user?.name || 'User', @@ -239,6 +241,18 @@ function SideNav({ } }; + useEffect(() => { + if (!isFetching) { + if (isCloudUserVal) { + setLicenseTag('Cloud'); + } else if (isEnterprise) { + setLicenseTag('Enterprise'); + } else { + setLicenseTag('Free'); + } + } + }, [isCloudUserVal, isEnterprise, isFetching]); + return (
@@ -257,7 +271,7 @@ function SideNav({ {!collapsed && ( <> -
{!isEnterprise ? 'Free' : 'Enterprise'}
+ {!isFetching &&
{licenseTag}
}