diff --git a/.changeset/wise-readers-accept.md b/.changeset/wise-readers-accept.md new file mode 100644 index 00000000..68981370 --- /dev/null +++ b/.changeset/wise-readers-accept.md @@ -0,0 +1,5 @@ +--- +"@status-im/components": patch +--- + +add default curors to ContextTag diff --git a/packages/components/src/avatar/avatar.tsx b/packages/components/src/avatar/avatar.tsx index 01874027..0e3c089c 100644 --- a/packages/components/src/avatar/avatar.tsx +++ b/packages/components/src/avatar/avatar.tsx @@ -214,6 +214,7 @@ const Avatar = (props: AvatarProps) => { size={textSizes[props.size]} weight="medium" color="$white-100" + select={false} > {props.name.slice(0, 2).toUpperCase()} @@ -264,6 +265,7 @@ const Avatar = (props: AvatarProps) => { size={textSizes[props.size]} weight="medium" color="$white-100" + select={false} > {props.name.slice(0, 2).toUpperCase()} @@ -271,11 +273,15 @@ const Avatar = (props: AvatarProps) => { ) case 'channel': if (props.emoji) { - return {props.emoji} + return ( + + {props.emoji} + + ) } return ( - + {props.name.slice(0, 1).toUpperCase()} ) diff --git a/packages/components/src/context-tag/context-tag.tsx b/packages/components/src/context-tag/context-tag.tsx index 0e4d045c..3b44b7e0 100644 --- a/packages/components/src/context-tag/context-tag.tsx +++ b/packages/components/src/context-tag/context-tag.tsx @@ -92,7 +92,13 @@ const Label = (props: { const { children, size, type = 'default' } = props return ( - + {children} ) @@ -288,6 +294,7 @@ const Base = styled(View, { display: 'inline-flex', flexDirection: 'row', alignItems: 'center', + cursor: 'default', variants: { outline: { diff --git a/packages/components/src/text/text.tsx b/packages/components/src/text/text.tsx index 4d94734c..7934226a 100644 --- a/packages/components/src/text/text.tsx +++ b/packages/components/src/text/text.tsx @@ -15,6 +15,7 @@ type Props = { color?: ColorTokens | string truncate?: boolean wrap?: false + select?: false } & ( | { size: 88; weight?: Weight } | { size: 64; weight?: Weight } @@ -131,6 +132,12 @@ const Base = styled(BaseText, { minWidth: 0, }, }, + + select: { + false: { + userSelect: 'none', + }, + }, } as const, defaultVariants: {