zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Fix weird bar at top of composer in dark mode

zio/stable
Paul Frazee 2023-01-19 14:17:15 -06:00
parent 43ef1756c1
commit 39e996ed8e
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/view/shell/mobile/Composer.tsx
View File

@ -4,6 +4,7 @@ import {Animated, Easing, Platform, StyleSheet, View} from 'react-native'
import {ComposePost} from '../../com/composer/ComposePost' import {ComposePost} from '../../com/composer/ComposePost'
import {ComposerOpts} from '../../../state/models/shell-ui' import {ComposerOpts} from '../../../state/models/shell-ui'
import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue' import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue'
import {usePalette} from '../../lib/hooks/usePalette'
export const Composer = observer( export const Composer = observer(
({ ({
@ -21,6 +22,7 @@ export const Composer = observer(
onPost?: ComposerOpts['onPost'] onPost?: ComposerOpts['onPost']
onClose: () => void onClose: () => void
}) => { }) => {
const pal = usePalette('default')
const initInterp = useAnimatedValue(0) const initInterp = useAnimatedValue(0)
useEffect(() => { useEffect(() => {
@ -57,7 +59,7 @@ export const Composer = observer(
} }
return ( return (
<Animated.View style={[styles.wrapper, wrapperAnimStyle]}> <Animated.View style={[styles.wrapper, pal.view, wrapperAnimStyle]}>
<ComposePost <ComposePost
replyTo={replyTo} replyTo={replyTo}
imagesOpen={imagesOpen} imagesOpen={imagesOpen}
@ -75,7 +77,6 @@ const styles = StyleSheet.create({
top: 0, top: 0,
bottom: 0, bottom: 0,
width: '100%', width: '100%',
backgroundColor: '#fff',
...Platform.select({ ...Platform.select({
ios: { ios: {
paddingTop: 24, paddingTop: 24,