callie.on-her.computer
forked from
jollywhoppers.com/witchsky.app
fork
Configure Feed
Select the types of activity you want to include in your feed.
Bluesky app fork with some witchin' additions 馃挮
fork
Configure Feed
Select the types of activity you want to include in your feed.
1import {View} from 'react-native'
2
3import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
4import {
5 atoms as a,
6 type TextStyleProp,
7 useTheme,
8 type ViewStyleProp,
9} from '#/alf'
10import {type Props} from '#/components/icons/common'
11import {type Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'
12
13export function IconCircle({
14 icon: Icon,
15 size = 'xl',
16 style,
17 iconStyle,
18}: ViewStyleProp & {
19 icon: typeof Growth
20 size?: Props['size']
21 iconStyle?: TextStyleProp['style']
22}) {
23 const t = useTheme()
24 const enableSquareButtons = useEnableSquareButtons()
25
26 return (
27 <View
28 style={[
29 a.justify_center,
30 a.align_center,
31 enableSquareButtons ? a.rounded_sm : a.rounded_full,
32 {
33 width: size === 'lg' ? 52 : 64,
34 height: size === 'lg' ? 52 : 64,
35 backgroundColor: t.palette.primary_50,
36 },
37 style,
38 ]}>
39 <Icon size={size} style={[{color: t.palette.primary_500}, iconStyle]} />
40 </View>
41 )
42}