From 4a769d14a5ca01a1927400d8dd11960bd9648399 Mon Sep 17 00:00:00 2001 From: Mateusz Kwasniewski Date: Wed, 20 Nov 2024 16:42:34 +0100 Subject: [PATCH] feat: upgrade sso (#8813) --- frontend/src/assets/img/upgradeSso.png | Bin 0 -> 16015 bytes .../admin/users/UsersList/UpgradeSSO.tsx | 90 ++++++++++++++++++ .../admin/users/UsersList/UsersList.tsx | 6 +- 3 files changed, 95 insertions(+), 1 deletion(-) create mode 100644 frontend/src/assets/img/upgradeSso.png create mode 100644 frontend/src/component/admin/users/UsersList/UpgradeSSO.tsx diff --git a/frontend/src/assets/img/upgradeSso.png b/frontend/src/assets/img/upgradeSso.png new file mode 100644 index 0000000000000000000000000000000000000000..a8ccb6767aa5408f99596fea1653e2388e156f0d GIT binary patch literal 16015 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 literal 0 HcmV?d00001 diff --git a/frontend/src/component/admin/users/UsersList/UpgradeSSO.tsx b/frontend/src/component/admin/users/UsersList/UpgradeSSO.tsx new file mode 100644 index 0000000000..b3242e88a7 --- /dev/null +++ b/frontend/src/component/admin/users/UsersList/UpgradeSSO.tsx @@ -0,0 +1,90 @@ +import { Box, IconButton, Link, styled, Tooltip } from '@mui/material'; +import upgradeSso from 'assets/img/upgradeSso.png'; +import { formatAssetPath } from 'utils/formatPath'; +import Close from '@mui/icons-material/Close'; +import { useLocalStorageState } from 'hooks/useLocalStorageState'; + +const Wrapper = styled(Box)(({ theme }) => ({ + marginTop: theme.spacing(10), + width: '100%', + backgroundColor: theme.palette.background.elevation1, + borderRadius: theme.shape.borderRadiusMedium, + padding: theme.spacing(2), + display: 'flex', + justifyContent: 'center', + position: 'relative', +})); + +const StyledLink = styled(Link)(({ theme }) => ({ + textDecoration: 'none', + fontWeight: theme.typography.fontWeightBold, +})); + +const StyledImage = styled('img')(({ theme }) => ({ + width: theme.spacing(14), +})); + +const StyledCloseButton = styled(IconButton)(({ theme }) => ({ + position: 'absolute', + top: theme.spacing(1.25), + right: theme.spacing(1.5), +})); + +const MainContent = styled(Box)(({ theme }) => ({ + display: 'flex', + gap: theme.spacing(3), + marginTop: theme.spacing(1), + marginBottom: theme.spacing(1), +})); + +const MainText = styled(Box)(({ theme }) => ({ + display: 'flex', + flexDirection: 'column', + justifyContent: 'center', + gap: theme.spacing(1), + maxWidth: theme.spacing(60), +})); + +export const UpgradeSSO = () => { + const [ssoUpgrade, setSsoUpgrade] = useLocalStorageState<'open' | 'closed'>( + 'upgrade-sso:v1', + 'open', + ); + + if (ssoUpgrade === 'closed') return null; + + return ( + + + + +

+ Streamline access and account management, reduce setup + time and enhance security with Single Sign-On and{' '} + Automatic User Provisioning via SCIM. +

+ + View our Enterprise offering + +
+
+ + { + setSsoUpgrade('closed'); + }} + size='small' + > + + + +
+ ); +}; diff --git a/frontend/src/component/admin/users/UsersList/UsersList.tsx b/frontend/src/component/admin/users/UsersList/UsersList.tsx index bdda4a0a7b..ec9bb4d040 100644 --- a/frontend/src/component/admin/users/UsersList/UsersList.tsx +++ b/frontend/src/component/admin/users/UsersList/UsersList.tsx @@ -40,10 +40,11 @@ import { useUiFlag } from 'hooks/useUiFlag'; import useUiConfig from '../../../../hooks/api/getters/useUiConfig/useUiConfig'; import { useScimSettings } from 'hooks/api/getters/useScimSettings/useScimSettings'; import { UserSessionsCell } from './UserSessionsCell/UserSessionsCell'; +import { UpgradeSSO } from './UpgradeSSO'; const UsersList = () => { const navigate = useNavigate(); - const { isEnterprise } = useUiConfig(); + const { isEnterprise, isOss } = useUiConfig(); const { users, roles, refetch, loading } = useUsers(); const { setToastData, setToastApiError } = useToast(); const { removeUser, userLoading, userApiErrors } = useAdminUsersApi(); @@ -59,6 +60,7 @@ const UsersList = () => { }); const userAccessUIEnabled = useUiFlag('userAccessUIEnabled'); const showUserDeviceCount = useUiFlag('showUserDeviceCount'); + const showSSOUpgrade = isOss() && users.length > 3; const { settings: { enabled: scimEnabled }, @@ -426,6 +428,8 @@ const UsersList = () => { /> } /> + + {showSSOUpgrade ? : null} ); };