d8245e96ea
* move `IconCircle` to `components` for reuse * add copy to feeds page * start of a header * saveit * add lg size * add your feeds * don't show Your Feeds if you don't have any * Minor ui tweaks * cleanup * remove unused activity indicator --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
51 lines
1 KiB
TypeScript
51 lines
1 KiB
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
|
|
import {
|
|
useTheme,
|
|
atoms as a,
|
|
ViewStyleProp,
|
|
TextStyleProp,
|
|
flatten,
|
|
} from '#/alf'
|
|
import {Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'
|
|
import {Props} from '#/components/icons/common'
|
|
|
|
export function IconCircle({
|
|
icon: Icon,
|
|
size = 'xl',
|
|
style,
|
|
iconStyle,
|
|
}: ViewStyleProp & {
|
|
icon: typeof Growth
|
|
size?: Props['size']
|
|
iconStyle?: TextStyleProp['style']
|
|
}) {
|
|
const t = useTheme()
|
|
|
|
return (
|
|
<View
|
|
style={[
|
|
a.justify_center,
|
|
a.align_center,
|
|
a.rounded_full,
|
|
{
|
|
width: size === 'lg' ? 52 : 64,
|
|
height: size === 'lg' ? 52 : 64,
|
|
backgroundColor:
|
|
t.name === 'light' ? t.palette.primary_50 : t.palette.primary_950,
|
|
},
|
|
flatten(style),
|
|
]}>
|
|
<Icon
|
|
size={size}
|
|
style={[
|
|
{
|
|
color: t.palette.primary_500,
|
|
},
|
|
flatten(iconStyle),
|
|
]}
|
|
/>
|
|
</View>
|
|
)
|
|
}
|