4a4e65fe4a
# Introduction closes https://github.com/twentyhq/core-team-issues/issues/591 Same than for `twenty-shared` made in https://github.com/twentyhq/twenty/pull/11083. ## TODO - [x] Manual migrate twenty-website twenty-ui imports ## What's next: - Generate barrel and migration script factorization within own package + tests - Refactoring using preconstruct ? TimeBox - Lint circular dependencies - Lint import from barrel and forbid them ### Preconstruct We need custom rollup plugins addition, but preconstruct does not expose its rollup configuration. It might be possible to handle this using the babel overrides. But was a big tunnel. We could give it a try afterwards ! ( allowing cjs interop and stuff like that ) Stuck to vite lib app Closed related PRs: - https://github.com/twentyhq/twenty/pull/11294 - https://github.com/twentyhq/twenty/pull/11203
59 lines
2.0 KiB
TypeScript
59 lines
2.0 KiB
TypeScript
import { SettingsAdminEnvVariablesTable } from '@/settings/admin-panel/components/SettingsAdminEnvVariablesTable';
|
|
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
|
import { SettingsSkeletonLoader } from '@/settings/components/SettingsSkeletonLoader';
|
|
import { SettingsPath } from '@/types/SettingsPath';
|
|
import { SubMenuTopBarContainer } from '@/ui/layout/page/components/SubMenuTopBarContainer';
|
|
import styled from '@emotion/styled';
|
|
import { t } from '@lingui/core/macro';
|
|
import { useGetEnvironmentVariablesGroupedQuery } from '~/generated/graphql';
|
|
import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
|
|
import { H2Title } from 'twenty-ui/display';
|
|
|
|
const StyledGroupContainer = styled.div``;
|
|
|
|
export const SettingsAdminSecondaryEnvVariables = () => {
|
|
const { data: environmentVariables, loading: environmentVariablesLoading } =
|
|
useGetEnvironmentVariablesGroupedQuery({
|
|
fetchPolicy: 'network-only',
|
|
});
|
|
|
|
const hiddenGroups =
|
|
environmentVariables?.getEnvironmentVariablesGrouped.groups.filter(
|
|
(group) => group.isHiddenOnLoad,
|
|
) ?? [];
|
|
|
|
if (environmentVariablesLoading) {
|
|
return <SettingsSkeletonLoader />;
|
|
}
|
|
|
|
return (
|
|
<SubMenuTopBarContainer
|
|
title={t`Other Environment Variables`}
|
|
links={[
|
|
{
|
|
children: t`Other`,
|
|
href: getSettingsPath(SettingsPath.AdminPanel),
|
|
},
|
|
{
|
|
children: t`Admin Panel`,
|
|
href: getSettingsPath(SettingsPath.AdminPanel),
|
|
},
|
|
{
|
|
children: t`Other Environment Variables`,
|
|
},
|
|
]}
|
|
>
|
|
<SettingsPageContainer>
|
|
{hiddenGroups.map((group) => (
|
|
<StyledGroupContainer key={group.name}>
|
|
<H2Title title={group.name} description={group.description} />
|
|
{group.variables.length > 0 && (
|
|
<SettingsAdminEnvVariablesTable variables={group.variables} />
|
|
)}
|
|
</StyledGroupContainer>
|
|
))}
|
|
</SettingsPageContainer>
|
|
</SubMenuTopBarContainer>
|
|
);
|
|
};
|