Unify profile tabs and lists screens placeholders (#4315)
This commit is contained in:
parent
8d8323421c
commit
44670c7ee2
6 changed files with 38 additions and 46 deletions
|
@ -8,6 +8,7 @@ import {
|
|||
import {Text} from './text/Text'
|
||||
import {UserGroupIcon} from 'lib/icons'
|
||||
import {usePalette} from 'lib/hooks/usePalette'
|
||||
import {isWeb} from 'platform/detection'
|
||||
|
||||
export function EmptyState({
|
||||
testID,
|
||||
|
@ -22,7 +23,9 @@ export function EmptyState({
|
|||
}) {
|
||||
const pal = usePalette('default')
|
||||
return (
|
||||
<View testID={testID} style={[styles.container, pal.border, style]}>
|
||||
<View
|
||||
testID={testID}
|
||||
style={[styles.container, isWeb && pal.border, style]}>
|
||||
<View style={styles.iconContainer}>
|
||||
{icon === 'user-group' ? (
|
||||
<UserGroupIcon size="64" style={styles.icon} />
|
||||
|
@ -48,9 +51,9 @@ export function EmptyState({
|
|||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
paddingVertical: 20,
|
||||
paddingVertical: 24,
|
||||
paddingHorizontal: 36,
|
||||
borderTopWidth: 1,
|
||||
borderTopWidth: isWeb ? 1 : undefined,
|
||||
},
|
||||
iconContainer: {
|
||||
flexDirection: 'row',
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue