7943141d03
## Summary Add support for multi-workspace feature and adjust configurations and states accordingly. - Introduced new state isMultiWorkspaceEnabledState. - Updated ClientConfigProviderEffect component to handle multi-workspace. - Modified GraphQL schema and queries to include multi-workspace related configurations. - Adjusted server environment variables and their respective documentation to support multi-workspace toggle. - Updated server-side logic to handle new multi-workspace configurations and conditions.
83 lines
2.8 KiB
TypeScript
83 lines
2.8 KiB
TypeScript
import styled from '@emotion/styled';
|
|
import { H2Title, IconLock, Section, Tag } from 'twenty-ui';
|
|
|
|
import { AdvancedSettingsWrapper } from '@/settings/components/AdvancedSettingsWrapper';
|
|
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
|
import { SettingsReadDocumentationButton } from '@/settings/developers/components/SettingsReadDocumentationButton';
|
|
import { SettingsSSOIdentitiesProvidersListCard } from '@/settings/security/components/SettingsSSOIdentitiesProvidersListCard';
|
|
import { SettingsSecurityOptionsList } from '@/settings/security/components/SettingsSecurityOptionsList';
|
|
import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
|
|
import { SettingsPath } from '@/types/SettingsPath';
|
|
import { SubMenuTopBarContainer } from '@/ui/layout/page/components/SubMenuTopBarContainer';
|
|
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
import { isSSOEnabledState } from '@/client-config/states/isSSOEnabledState';
|
|
import { useRecoilValue } from 'recoil';
|
|
|
|
const StyledContainer = styled.div`
|
|
width: 100%;
|
|
`;
|
|
|
|
const StyledMainContent = styled.div`
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: ${({ theme }) => theme.spacing(10)};
|
|
min-height: 200px;
|
|
`;
|
|
|
|
const StyledSSOSection = styled(Section)`
|
|
flex-shrink: 0;
|
|
`;
|
|
|
|
export const SettingsSecurity = () => {
|
|
const isSSOEnabled = useRecoilValue(isSSOEnabledState);
|
|
const isSSOSectionDisplay =
|
|
useIsFeatureEnabled('IS_SSO_ENABLED') && isSSOEnabled;
|
|
|
|
return (
|
|
<SubMenuTopBarContainer
|
|
title="Security"
|
|
actionButton={<SettingsReadDocumentationButton />}
|
|
links={[
|
|
{
|
|
children: 'Workspace',
|
|
href: getSettingsPagePath(SettingsPath.Workspace),
|
|
},
|
|
{ children: 'Security' },
|
|
]}
|
|
>
|
|
<SettingsPageContainer>
|
|
<StyledMainContent>
|
|
{isSSOSectionDisplay && (
|
|
<StyledSSOSection>
|
|
<H2Title
|
|
title="SSO"
|
|
description="Configure an SSO connection"
|
|
adornment={
|
|
<Tag
|
|
text={'Enterprise'}
|
|
color={'transparent'}
|
|
Icon={IconLock}
|
|
variant={'border'}
|
|
/>
|
|
}
|
|
/>
|
|
<SettingsSSOIdentitiesProvidersListCard />
|
|
</StyledSSOSection>
|
|
)}
|
|
<Section>
|
|
<AdvancedSettingsWrapper>
|
|
<StyledContainer>
|
|
<H2Title
|
|
title="Authentication"
|
|
description="Customize your workspace security"
|
|
/>
|
|
<SettingsSecurityOptionsList />
|
|
</StyledContainer>
|
|
</AdvancedSettingsWrapper>
|
|
</Section>
|
|
</StyledMainContent>
|
|
</SettingsPageContainer>
|
|
</SubMenuTopBarContainer>
|
|
);
|
|
};
|