robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Add suspense boundary in onboarding (#5556)
authored by
Eric Bailey
and committed by
GitHub
1a7885b9
35698731
+25
-23
+25
-23
src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx
+25
-23
src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx
···
46
46
47
47
return (
48
48
<View style={styles.container}>
49
-
<LazyViewShot
50
-
// @ts-ignore this library doesn't have types
51
-
ref={viewshotRef}
52
-
options={{
53
-
fileName: 'placeholderAvatar',
54
-
format: 'jpg',
55
-
quality: 0.8,
56
-
height: 150 * SIZE_MULTIPLIER,
57
-
width: 150 * SIZE_MULTIPLIER,
58
-
}}>
59
-
<View
60
-
style={[
61
-
styles.imageContainer,
62
-
{backgroundColor: avatar.backgroundColor},
63
-
]}
64
-
collapsable={false}>
65
-
<Icon
66
-
height={85 * SIZE_MULTIPLIER}
67
-
width={85 * SIZE_MULTIPLIER}
68
-
style={{color: 'white'}}
69
-
/>
70
-
</View>
71
-
</LazyViewShot>
49
+
<React.Suspense fallback={null}>
50
+
<LazyViewShot
51
+
// @ts-ignore this library doesn't have types
52
+
ref={viewshotRef}
53
+
options={{
54
+
fileName: 'placeholderAvatar',
55
+
format: 'jpg',
56
+
quality: 0.8,
57
+
height: 150 * SIZE_MULTIPLIER,
58
+
width: 150 * SIZE_MULTIPLIER,
59
+
}}>
60
+
<View
61
+
style={[
62
+
styles.imageContainer,
63
+
{backgroundColor: avatar.backgroundColor},
64
+
]}
65
+
collapsable={false}>
66
+
<Icon
67
+
height={85 * SIZE_MULTIPLIER}
68
+
width={85 * SIZE_MULTIPLIER}
69
+
style={{color: 'white'}}
70
+
/>
71
+
</View>
72
+
</LazyViewShot>
73
+
</React.Suspense>
72
74
</View>
73
75
)
74
76
},