Paul Rastoin
7fd89678b7
# Introduction Avoid having multiple `isDefined` definition across our pacakges Also avoid importing `isDefined` from `twenty-ui` which exposes a huge barrel for a such little util function ## In a nutshell Removed own `isDefined.ts` definition from `twenty-ui` `twenty-front` and `twenty-server` to move it to `twenty-shared`. Updated imports for each packages, and added explicit dependencies to `twenty-shared` if not already in place Related PR https://github.com/twentyhq/twenty/pull/9941
33 lines
761 B
TypeScript
33 lines
761 B
TypeScript
import { styled } from '@linaria/react';
|
|
import { IconCheck, IconX, THEME_COMMON } from 'twenty-ui';
|
|
|
|
import { isDefined } from 'twenty-shared';
|
|
|
|
const spacing = THEME_COMMON.spacingMultiplicator * 1;
|
|
const iconSizeSm = THEME_COMMON.icon.size.sm;
|
|
|
|
const StyledBooleanFieldValue = styled.div`
|
|
margin-left: ${spacing}px;
|
|
`;
|
|
|
|
type BooleanDisplayProps = {
|
|
value: boolean | null | undefined;
|
|
};
|
|
|
|
export const BooleanDisplay = ({ value }: BooleanDisplayProps) => {
|
|
if (!isDefined(value)) {
|
|
return <></>;
|
|
}
|
|
|
|
const isTrue = value === true;
|
|
|
|
return (
|
|
<>
|
|
{isTrue ? <IconCheck size={iconSizeSm} /> : <IconX size={iconSizeSm} />}
|
|
<StyledBooleanFieldValue>
|
|
{isTrue ? 'True' : 'False'}
|
|
</StyledBooleanFieldValue>
|
|
</>
|
|
);
|
|
};
|