diff options
| -rw-r--r-- | src/view/com/util/LoadingPlaceholder.tsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/view/com/util/LoadingPlaceholder.tsx b/src/view/com/util/LoadingPlaceholder.tsx index 15488167f..76e3c495d 100644 --- a/src/view/com/util/LoadingPlaceholder.tsx +++ b/src/view/com/util/LoadingPlaceholder.tsx @@ -2,8 +2,9 @@ import React from 'react' import {StyleSheet, StyleProp, View, ViewStyle} from 'react-native' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {UpIcon} from '../../lib/icons' -import {s, colors} from '../../lib/styles' +import {s} from '../../lib/styles' import {useTheme} from '../../lib/ThemeContext' +import {usePalette} from '../../lib/hooks/usePalette' export function LoadingPlaceholder({ width, @@ -44,8 +45,9 @@ export function PostLoadingPlaceholder({ style?: StyleProp<ViewStyle> }) { const theme = useTheme() + const pal = usePalette('default') return ( - <View style={[styles.post, style]}> + <View style={[styles.post, pal.view, style]}> <LoadingPlaceholder width={50} height={50} style={styles.avatar} /> <View style={[s.flex1]}> <LoadingPlaceholder width={100} height={8} style={[s.mb10]} /> @@ -104,8 +106,9 @@ export function NotificationLoadingPlaceholder({ }: { style?: StyleProp<ViewStyle> }) { + const pal = usePalette('default') return ( - <View style={[styles.notification, style]}> + <View style={[styles.notification, pal.view, style]}> <View style={[s.flexRow, s.mb10]}> <LoadingPlaceholder width={30} height={30} style={styles.smallAvatar} /> </View> |