···

       
44
       
 
       
                        flex: 1,

     

       
45
       
 
       
                        flexDirection: "row",

     

       
46
       
 
       
                        alignItems: "center",

     

       
47
       
-
       
                        paddingLeft: 4,

     

       
48
       
 
       
                        paddingRight: 8,

     

       
49
       
-
       
                        paddingTop: 2,

     

       
50
       
-
       
                        paddingBottom: 3,

     

       
51
       
-
       
                        gap: 2,

     

       
52
       
 
       
                        backgroundColor:

     

       
53
       
 
       
                            isCurrentChannel || hovered

     

       
54
       
 
       
                                ? semantic.surface

     

       
55
       
 
       
                                : undefined,

     

       
56
       
 
       
                        borderRadius: atoms.radii.lg,

     

       
0
       
 
       

     

       
57
       
 
       
                    }}

     

       
58
       
 
       
                >

     

       
59
       
 
       
                    <Hash

     
···

       
62
       
 
       
                            width: 16,

     

       
63
       
 
       
                        }}

     

       
64
       
 
       
                        color={

     

       
65
       
-
       
                            isCurrentChannel ? colors.subtext0 : colors.overlay2

     

       
0
       
 
       

     

       
0
       
 
       

     

       
66
       
 
       
                        }

     

       
67
       
 
       
                    />

     

       
68
       
 
       
                    <Text

     

       
69
       
 
       
                        style={[

     

       
70
       
 
       
                            {

     

       
71
       
-
       
                                color: isCurrentChannel

     

       
72
       
-
       
                                    ? colors.subtext0

     

       
73
       
-
       
                                    : colors.overlay2,

     

       
0
       
 
       

     

       
74
       
 
       
                            },

     

       
75
       
 
       
                            typography.sizes.sm,

     

       
76
       
 
       
                        ]}

     

···

       
44
       
 
       
                        flex: 1,

     

       
45
       
 
       
                        flexDirection: "row",

     

       
46
       
 
       
                        alignItems: "center",

     

       
47
       
+
       
                        paddingLeft: 8,

     

       
48
       
 
       
                        paddingRight: 8,

     

       
49
       
+
       
                        paddingTop: 4,

     

       
50
       
+
       
                        paddingBottom: 5,

     

       
51
       
+
       
                        gap: 8,

     

       
52
       
 
       
                        backgroundColor:

     

       
53
       
 
       
                            isCurrentChannel || hovered

     

       
54
       
 
       
                                ? semantic.surface

     

       
55
       
 
       
                                : undefined,

     

       
56
       
 
       
                        borderRadius: atoms.radii.lg,

     

       
57
       
+
       
                        width: 196,

     

       
58
       
 
       
                    }}

     

       
59
       
 
       
                >

     

       
60
       
 
       
                    <Hash

     
···

       
63
       
 
       
                            width: 16,

     

       
64
       
 
       
                        }}

     

       
65
       
 
       
                        color={

     

       
66
       
+
       
                            isCurrentChannel || hovered

     

       
67
       
+
       
                                ? colors.text

     

       
68
       
+
       
                                : colors.overlay2

     

       
69
       
 
       
                        }

     

       
70
       
 
       
                    />

     

       
71
       
 
       
                    <Text

     

       
72
       
 
       
                        style={[

     

       
73
       
 
       
                            {

     

       
74
       
+
       
                                color:

     

       
75
       
+
       
                                    isCurrentChannel || hovered

     

       
76
       
+
       
                                        ? colors.text

     

       
77
       
+
       
                                        : colors.overlay2,

     

       
78
       
 
       
                            },

     

       
79
       
 
       
                            typography.sizes.sm,

     

       
80
       
 
       
                        ]}