fix ContextTag text selection (#492)

* add default curors to ContextTag

* Create wise-readers-accept.md

* f

* f

.changeset/wise-readers-accept.md

@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+add default curors to ContextTag

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()}
                 </Text>
@@ -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()}
             </Text>
@@ -271,11 +273,15 @@ const Avatar = (props: AvatarProps) => {
         )
       case 'channel':
         if (props.emoji) {
-          return <Text size={channelEmojiSizes[props.size]}>{props.emoji}</Text>
+          return (
+            <Text size={channelEmojiSizes[props.size]} select={false}>
+              {props.emoji}
+            </Text>
+          )
         }
 
         return (
-          <Text size={textSizes[props.size]}>
+          <Text size={textSizes[props.size]} select={false}>
             {props.name.slice(0, 1).toUpperCase()}
           </Text>
         )

packages/components/src/context-tag/context-tag.tsx

@@ -92,7 +92,13 @@ const Label = (props: {
   const { children, size, type = 'default' } = props
 
   return (
-    <Text size={size} weight="medium" color="$neutral-100" type={type}>
+    <Text
+      size={size}
+      weight="medium"
+      color="$neutral-100"
+      type={type}
+      select={false}
+    >
       {children}
     </Text>
   )
@@ -288,6 +294,7 @@ const Base = styled(View, {
   display: 'inline-flex',
   flexDirection: 'row',
   alignItems: 'center',
+  cursor: 'default',
 
   variants: {
     outline: {

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: {