UI tune ups
parent
27ff9ce43b
commit
68332bc877
|
@ -6,6 +6,7 @@ import {RenderTabBarFnProps} from 'view/com/pager/Pager'
|
|||
import {useStores} from 'state/index'
|
||||
import {usePalette} from 'lib/hooks/usePalette'
|
||||
import {useAnimatedValue} from 'lib/hooks/useAnimatedValue'
|
||||
import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle'
|
||||
import {Link} from '../util/Link'
|
||||
import {Text} from '../util/text/Text'
|
||||
import {CogIcon} from 'lib/icons'
|
||||
|
@ -32,6 +33,8 @@ export const FeedsTabBar = observer(
|
|||
transform: [{translateY: Animated.multiply(interp, -100)}],
|
||||
}
|
||||
|
||||
const brandBlue = useColorSchemeStyle(s.brandBlue, s.blue3)
|
||||
|
||||
const onPressAvi = React.useCallback(() => {
|
||||
store.shell.openDrawer()
|
||||
}, [store])
|
||||
|
@ -59,9 +62,7 @@ export const FeedsTabBar = observer(
|
|||
/>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
<Text type="title-lg" style={[s.brandBlue, s.bold]}>
|
||||
Bluesky
|
||||
</Text>
|
||||
<Text style={[brandBlue, s.bold, styles.title]}>Bluesky</Text>
|
||||
<View style={[pal.view]}>
|
||||
<Link
|
||||
href="/settings/saved-feeds"
|
||||
|
@ -104,4 +105,7 @@ const styles = StyleSheet.create({
|
|||
paddingBottom: 2,
|
||||
width: '100%',
|
||||
},
|
||||
title: {
|
||||
fontSize: 21,
|
||||
},
|
||||
})
|
||||
|
|
|
@ -49,7 +49,6 @@ export const MultiFeed = observer(function Feed({
|
|||
extraData?: any
|
||||
}) {
|
||||
const pal = usePalette('default')
|
||||
const palInverted = usePalette('inverted')
|
||||
const theme = useTheme()
|
||||
const {track} = useAnalytics()
|
||||
const [isRefreshing, setIsRefreshing] = React.useState(false)
|
||||
|
@ -130,15 +129,9 @@ export const MultiFeed = observer(function Feed({
|
|||
)
|
||||
} else if (item.type === 'footer') {
|
||||
return (
|
||||
<Link
|
||||
style={[styles.footerLink, palInverted.view]}
|
||||
href="/search/feeds">
|
||||
<FontAwesomeIcon
|
||||
icon="search"
|
||||
size={18}
|
||||
color={palInverted.colors.text}
|
||||
/>
|
||||
<Text type="lg-medium" style={palInverted.text}>
|
||||
<Link style={[styles.footerLink, pal.viewLight]} href="/search/feeds">
|
||||
<FontAwesomeIcon icon="search" size={18} color={pal.colors.text} />
|
||||
<Text type="xl-medium" style={pal.text}>
|
||||
Discover new feeds
|
||||
</Text>
|
||||
</Link>
|
||||
|
@ -146,7 +139,7 @@ export const MultiFeed = observer(function Feed({
|
|||
}
|
||||
return null
|
||||
},
|
||||
[showPostFollowBtn, pal, palInverted],
|
||||
[showPostFollowBtn, pal],
|
||||
)
|
||||
|
||||
const FeedFooter = React.useCallback(
|
||||
|
@ -181,11 +174,7 @@ export const MultiFeed = observer(function Feed({
|
|||
/>
|
||||
}
|
||||
contentContainerStyle={s.contentContainer}
|
||||
style={[
|
||||
{paddingTop: headerOffset},
|
||||
isDesktopWeb ? pal.view : pal.viewLight,
|
||||
styles.container,
|
||||
]}
|
||||
style={[{paddingTop: headerOffset}, pal.view, styles.container]}
|
||||
onScroll={onScroll}
|
||||
scrollEventThrottle={scrollEventThrottle}
|
||||
indicatorStyle={theme.colorScheme === 'dark' ? 'white' : 'black'}
|
||||
|
|
Loading…
Reference in New Issue