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
73 lines
2.8 KiB
TypeScript
73 lines
2.8 KiB
TypeScript
import { useLingui } from '@lingui/react/macro';
|
|
import { useRecoilValue } from 'recoil';
|
|
|
|
import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
|
|
import { isMultiWorkspaceEnabledState } from '@/client-config/states/isMultiWorkspaceEnabledState';
|
|
import { SettingsCard } from '@/settings/components/SettingsCard';
|
|
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
|
import { DeleteWorkspace } from '@/settings/profile/components/DeleteWorkspace';
|
|
import { NameField } from '@/settings/workspace/components/NameField';
|
|
import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader';
|
|
import { SettingsPath } from '@/types/SettingsPath';
|
|
import { SubMenuTopBarContainer } from '@/ui/layout/page/components/SubMenuTopBarContainer';
|
|
import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
|
|
import { H2Title, IconWorld, Status } from 'twenty-ui/display';
|
|
import { Section } from 'twenty-ui/layout';
|
|
import { UndecoratedLink } from 'twenty-ui/navigation';
|
|
|
|
export const SettingsWorkspace = () => {
|
|
const isMultiWorkspaceEnabled = useRecoilValue(isMultiWorkspaceEnabledState);
|
|
const { t } = useLingui();
|
|
const currentWorkspace = useRecoilValue(currentWorkspaceState);
|
|
return (
|
|
<SubMenuTopBarContainer
|
|
title={t`General`}
|
|
links={[
|
|
{
|
|
children: t`Workspace`,
|
|
href: getSettingsPath(SettingsPath.Workspace),
|
|
},
|
|
{ children: t`General` },
|
|
]}
|
|
>
|
|
<SettingsPageContainer>
|
|
<Section>
|
|
<H2Title title={t`Picture`} />
|
|
<WorkspaceLogoUploader />
|
|
</Section>
|
|
<Section>
|
|
<H2Title title={t`Name`} description={t`Name of your workspace`} />
|
|
<NameField />
|
|
</Section>
|
|
{isMultiWorkspaceEnabled && (
|
|
<>
|
|
<Section>
|
|
<H2Title
|
|
title={t`Domain`}
|
|
description={t`Edit your subdomain name or set a custom domain.`}
|
|
/>
|
|
<UndecoratedLink to={getSettingsPath(SettingsPath.Domain)}>
|
|
<SettingsCard
|
|
title={t`Customize Domain`}
|
|
Icon={<IconWorld />}
|
|
Status={
|
|
currentWorkspace?.customDomain &&
|
|
currentWorkspace?.isCustomDomainEnabled ? (
|
|
<Status text={'Active'} color={'turquoise'} />
|
|
) : currentWorkspace?.customDomain ? (
|
|
<Status text={'Inactive'} color={'orange'} />
|
|
) : undefined
|
|
}
|
|
/>
|
|
</UndecoratedLink>
|
|
</Section>
|
|
</>
|
|
)}
|
|
<Section>
|
|
<DeleteWorkspace />
|
|
</Section>
|
|
</SettingsPageContainer>
|
|
</SubMenuTopBarContainer>
|
|
);
|
|
};
|