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

Fix to loading state

zio/stable
Paul Frazee 2022-12-30 15:58:28 -06:00
parent 8f59957fab
commit 3972706c54
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/view/com/util/LoadingPlaceholder.tsx
View File

@ -2,8 +2,9 @@ import React from 'react'
import {StyleSheet, StyleProp, View, ViewStyle} from 'react-native' import {StyleSheet, StyleProp, View, ViewStyle} from 'react-native'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {UpIcon} from '../../lib/icons' import {UpIcon} from '../../lib/icons'
import {s, colors} from '../../lib/styles' import {s} from '../../lib/styles'
import {useTheme} from '../../lib/ThemeContext' import {useTheme} from '../../lib/ThemeContext'
import {usePalette} from '../../lib/hooks/usePalette'
export function LoadingPlaceholder({ export function LoadingPlaceholder({
width, width,
@ -44,8 +45,9 @@ export function PostLoadingPlaceholder({
style?: StyleProp<ViewStyle> style?: StyleProp<ViewStyle>
}) { }) {
const theme = useTheme() const theme = useTheme()
const pal = usePalette('default')
return ( return (
<View style={[styles.post, style]}> <View style={[styles.post, pal.view, style]}>
<LoadingPlaceholder width={50} height={50} style={styles.avatar} /> <LoadingPlaceholder width={50} height={50} style={styles.avatar} />
<View style={[s.flex1]}> <View style={[s.flex1]}>
<LoadingPlaceholder width={100} height={8} style={[s.mb10]} /> <LoadingPlaceholder width={100} height={8} style={[s.mb10]} />
@ -104,8 +106,9 @@ export function NotificationLoadingPlaceholder({
}: { }: {
style?: StyleProp<ViewStyle> style?: StyleProp<ViewStyle>
}) { }) {
const pal = usePalette('default')
return ( return (
<View style={[styles.notification, style]}> <View style={[styles.notification, pal.view, style]}>
<View style={[s.flexRow, s.mb10]}> <View style={[s.flexRow, s.mb10]}>
<LoadingPlaceholder width={30} height={30} style={styles.smallAvatar} /> <LoadingPlaceholder width={30} height={30} style={styles.smallAvatar} />
</View> </View>