forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Rework repost icon to match line widths
+30
-4
+9
-4
src/view/com/util/PostCtrls.tsx
+9
-4
src/view/com/util/PostCtrls.tsx
···
11
11
import ReactNativeHapticFeedback from 'react-native-haptic-feedback'
12
12
import {Text} from './text/Text'
13
13
import {PostDropdownBtn} from './forms/DropdownButton'
14
-
import {HeartIcon, HeartIconSolid, CommentBottomArrow} from '../../lib/icons'
14
+
import {
15
+
HeartIcon,
16
+
HeartIconSolid,
17
+
RepostIcon,
18
+
CommentBottomArrow,
19
+
} from '../../lib/icons'
15
20
import {s, colors} from '../../lib/styles'
16
21
import {useTheme} from '../../lib/ThemeContext'
17
22
import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue'
···
143
148
onPress={onPressToggleRepostWrapper}
144
149
style={styles.ctrl}>
145
150
<Animated.View style={anim1Style}>
146
-
<FontAwesomeIcon
151
+
<RepostIcon
147
152
style={
148
153
opts.isReposted ? styles.ctrlIconReposted : defaultCtrlColor
149
154
}
150
-
icon="retweet"
151
-
size={opts.big ? 22 : 19}
155
+
strokeWidth={2.4}
156
+
size={opts.big ? 24 : 20}
152
157
/>
153
158
</Animated.View>
154
159
{typeof opts.repostCount !== 'undefined' ? (
+21
src/view/lib/icons.tsx
+21
src/view/lib/icons.tsx
···
225
225
)
226
226
}
227
227
228
+
export function RepostIcon({
229
+
style,
230
+
size = 24,
231
+
strokeWidth = 1.5,
232
+
}: {
233
+
style?: StyleProp<ViewStyle>
234
+
size?: string | number
235
+
strokeWidth: number
236
+
}) {
237
+
return (
238
+
<Svg viewBox="0 0 24 24" width={size} height={size} style={style}>
239
+
<Path
240
+
stroke="currentColor"
241
+
strokeWidth={strokeWidth}
242
+
strokeLinejoin="round"
243
+
d="M 14.437 17.362 L 5.475 17.376 C 4.7 17.376 4.072 16.748 4.072 15.973 L 4.082 5.65 L 1.375 9.315 M 4.082 5.65 L 6.749 9.315 M 9.859 5.65 L 18.625 5.654 C 19.4 5.654 20.028 6.282 20.028 7.057 L 20.031 17.362 L 17.238 13.409 M 20.031 17.362 L 22.763 13.409"
244
+
/>
245
+
</Svg>
246
+
)
247
+
}
248
+
228
249
// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
229
250
export function HeartIcon({
230
251
style,