Raphaël Bosi
c596a5e342
## Description Promotes the next-gen UI library (formerly `twenty-new-ui`) to the name **`twenty-ui`** (v0.1.0, publishable) and renames the old package to **`twenty-ui-deprecated`**. Rewrites ~1,730 `twenty-ui` imports → `twenty-ui-deprecated`, updates all configs/CI/Docker/deps, and migrates twenty-front's `Toggle` to the new package (first consumer) as a drop-in. ## Next steps - Wire the `ui/v*` publish dispatch (`cd-deploy-tag.yaml` + `.yarnrc.yml`), then tag `ui/v0.1.0` to publish. - Continue migrating components from `twenty-ui-deprecated` → `twenty-ui`.
54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { styled } from '@linaria/react';
|
|
|
|
import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput';
|
|
import { useLingui } from '@lingui/react/macro';
|
|
import { IconLink } from 'twenty-ui-deprecated/display';
|
|
import { Button } from 'twenty-ui-deprecated/input';
|
|
import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants';
|
|
import { useCopyToClipboard } from '~/hooks/useCopyToClipboard';
|
|
|
|
const StyledContainer = styled.div`
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
`;
|
|
|
|
const StyledLinkContainer = styled.div`
|
|
flex: 1;
|
|
margin-right: ${themeCssVariables.spacing[2]};
|
|
`;
|
|
|
|
type WorkspaceInviteLinkProps = {
|
|
inviteLink: string;
|
|
};
|
|
|
|
export const WorkspaceInviteLink = ({
|
|
inviteLink,
|
|
}: WorkspaceInviteLinkProps) => {
|
|
const { t } = useLingui();
|
|
|
|
const { copyToClipboard } = useCopyToClipboard();
|
|
|
|
return (
|
|
<StyledContainer data-chromatic="ignore">
|
|
<StyledLinkContainer>
|
|
<SettingsTextInput
|
|
instanceId="workspace-invite-link"
|
|
value={inviteLink}
|
|
disabled
|
|
fullWidth
|
|
/>
|
|
</StyledLinkContainer>
|
|
<Button
|
|
Icon={IconLink}
|
|
variant="primary"
|
|
accent="blue"
|
|
title={t`Copy link`}
|
|
onClick={() => {
|
|
copyToClipboard(inviteLink, t`Link copied to clipboard`);
|
|
}}
|
|
/>
|
|
</StyledContainer>
|
|
);
|
|
};
|