Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
Add profile menuitem to main menu (close #47)
+49
-3
+29
src/view/lib/icons.tsx
+29
src/view/lib/icons.tsx
···
200
200
201
201
// Copyright (c) 2020 Refactoring UI Inc.
202
202
// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE
203
+
export function UserIcon({
204
+
style,
205
+
size,
206
+
strokeWidth = 1.5,
207
+
}: {
208
+
style?: StyleProp<ViewStyle>
209
+
size?: string | number
210
+
strokeWidth?: number
211
+
}) {
212
+
return (
213
+
<Svg
214
+
fill="none"
215
+
viewBox="0 0 24 24"
216
+
width={size || 32}
217
+
height={size || 32}
218
+
strokeWidth={strokeWidth}
219
+
stroke="currentColor"
220
+
style={style}>
221
+
<Path
222
+
strokeLinecap="round"
223
+
strokeLinejoin="round"
224
+
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
225
+
/>
226
+
</Svg>
227
+
)
228
+
}
229
+
230
+
// Copyright (c) 2020 Refactoring UI Inc.
231
+
// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE
203
232
export function UserGroupIcon({
204
233
style,
205
234
size,
+20
-3
src/view/shell/mobile/Menu.tsx
+20
-3
src/view/shell/mobile/Menu.tsx
···
11
11
import VersionNumber from 'react-native-version-number'
12
12
import {s, colors} from '../../lib/styles'
13
13
import {useStores} from '../../../state'
14
-
import {HomeIcon, BellIcon, CogIcon, MagnifyingGlassIcon} from '../../lib/icons'
14
+
import {
15
+
HomeIcon,
16
+
BellIcon,
17
+
UserIcon,
18
+
CogIcon,
19
+
MagnifyingGlassIcon,
20
+
} from '../../lib/icons'
15
21
import {UserAvatar} from '../../com/util/UserAvatar'
16
22
import {Text} from '../../com/util/text/Text'
17
23
import {ToggleButton} from '../../com/util/forms/ToggleButton'
···
117
123
Search
118
124
</Text>
119
125
</TouchableOpacity>
120
-
<View style={[styles.section, pal.border]}>
126
+
<View style={[styles.section, pal.border, {paddingTop: 5}]}>
121
127
<MenuItem
122
128
icon={
123
129
<HomeIcon style={pal.text as StyleProp<ViewStyle>} size="26" />
···
135
141
/>
136
142
<MenuItem
137
143
icon={
144
+
<UserIcon
145
+
style={pal.text as StyleProp<ViewStyle>}
146
+
size="30"
147
+
strokeWidth={2}
148
+
/>
149
+
}
150
+
label="Profile"
151
+
url={`/profile/${store.me.handle}`}
152
+
/>
153
+
<MenuItem
154
+
icon={
138
155
<CogIcon
139
156
style={pal.text as StyleProp<ViewStyle>}
140
157
size="30"
···
208
225
menuItem: {
209
226
flexDirection: 'row',
210
227
alignItems: 'center',
211
-
paddingVertical: 8,
228
+
paddingVertical: 6,
212
229
paddingLeft: 6,
213
230
paddingRight: 10,
214
231
},