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
27 lines
806 B
TypeScript
27 lines
806 B
TypeScript
import { useTheme } from '@emotion/react';
|
|
import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
|
|
|
|
import IllustrationIconSettingRaw from '@assets/icons/illustration-setting.svg?react';
|
|
import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
|
|
|
|
type IllustrationIconSettingProps = Pick<IconComponentProps, 'size'>;
|
|
|
|
export const IllustrationIconSetting = (
|
|
props: IllustrationIconSettingProps,
|
|
) => {
|
|
const theme = useTheme();
|
|
const size = props.size ?? theme.icon.size.lg;
|
|
const { color, fill } = theme.IllustrationIcon;
|
|
|
|
return (
|
|
<IllustrationIconWrapper>
|
|
<IllustrationIconSettingRaw
|
|
height={size}
|
|
width={size}
|
|
fill={fill.blue}
|
|
color={color.blue}
|
|
/>
|
|
</IllustrationIconWrapper>
|
|
);
|
|
};
|