Eric Bailey
3371038f7d
* Add round and square buttons
* Allow some style for buttons, add icons
* Change text selection color
* Center button text, whoops
* Outer layout, some primitive updates
* WIP
* onboarding feed prefs (#2590)
* add `style` to toggle label to modify text style
* Revert "add `style` to toggle label to modify text style"
This reverts commit 8f4b517b85.
* following feed prefs
* remove unnecessary memo
* reusable divider component
* org imports
* add finished screen
* Theme SelectedAccountCard
* Require at least 3 interests
* Placeholder save logic
* WIP algo feeds
* Improve lineHeight handling, add RichText, improve Link by adding InlineLink
* Inherit lineHeight in heading comps
* Algo feeds mostly good
* Topical feeds ish
* Layout cleanup
* Improve button styles
* moderation prefs for onboarding (#2594)
* WIP algo feeds
* modify controlalbelgroup typing for easy .map()
* adjust padding on button
* add moderation screen
* add moderation screen
* add moderation screen
---------
Co-authored-by: Eric Bailey <git@esb.lol>
* Fix toggle button styles
* A11y props on outer portal
* Put it all on red
* New data shape
* Handle mock data
* Bulk write (not yet)
* Remove interests validation
* Clean up interests
* i18n layout and first step
* Clean up suggested follows screen
* Clean up following step
* Clean up algo feeds step
* Clean up topical feeds
* Add skeleton for feed card
* WIP moderation step
* cleanup moderation styles (#2605)
* cleanup moderation styles
* fix(?) toggle button group styles
* adjust toggle to fit any screen
* Some more cleanup
* Icons
* ToggleButton tweaks
* Reset
* Hook up data
* Better suggestions
* Bulk write
* Some logging
* Use new api
* Concat topical feeds
* Metrics
* Disable links in RichText, feedcards
* Tweak primary feed cards
* Update metrics
* Fix layout shift
* Fix ToggleButton again, whoops
* Error state
* Bump api package, ensure interests are saved
* Better fix for autofill
* i18n, button positions
* Remove unused export
* Add default prefs object
* Fix overflow in user cards
* Add 2 lines of bios to suggested accounts cards
* Nits
* Don't resolve facets by default
* Update storybook
* Disable flag for now
* Remove age dialog from moderations step
* Improvements and tweaks to new onboarding
---------
Co-authored-by: Hailey <153161762+haileyok@users.noreply.github.com>
Co-authored-by: Paul Frazee <pfrazee@gmail.com>
52 lines
998 B
TypeScript
52 lines
998 B
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: 64,
|
|
height: 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>
|
|
)
|
|
}
|