diff options
| author | Eric Bailey <git@esb.lol> | 2024-10-02 10:55:06 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-02 10:55:06 -0500 |
| commit | 1a7885b9215ec48f064de990e9a97070206996b8 (patch) | |
| tree | 2a9c8b125a7c5a93e54875827b44c5bdb3fc7c91 /src | |
| parent | 35698731232ec43571818c61e17ed76765a55ee5 (diff) | |
| download | voidsky-1a7885b9215ec48f064de990e9a97070206996b8.tar.zst | |
Add suspense boundary in onboarding (#5556)
Diffstat (limited to 'src')
| -rw-r--r-- | src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx | 48 |
1 files changed, 25 insertions, 23 deletions
diff --git a/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx b/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx index eaad2113f..acc089335 100644 --- a/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx +++ b/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx @@ -46,29 +46,31 @@ export const PlaceholderCanvas = React.forwardRef<PlaceholderCanvasRef, {}>( return ( <View style={styles.container}> - <LazyViewShot - // @ts-ignore this library doesn't have types - ref={viewshotRef} - options={{ - fileName: 'placeholderAvatar', - format: 'jpg', - quality: 0.8, - height: 150 * SIZE_MULTIPLIER, - width: 150 * SIZE_MULTIPLIER, - }}> - <View - style={[ - styles.imageContainer, - {backgroundColor: avatar.backgroundColor}, - ]} - collapsable={false}> - <Icon - height={85 * SIZE_MULTIPLIER} - width={85 * SIZE_MULTIPLIER} - style={{color: 'white'}} - /> - </View> - </LazyViewShot> + <React.Suspense fallback={null}> + <LazyViewShot + // @ts-ignore this library doesn't have types + ref={viewshotRef} + options={{ + fileName: 'placeholderAvatar', + format: 'jpg', + quality: 0.8, + height: 150 * SIZE_MULTIPLIER, + width: 150 * SIZE_MULTIPLIER, + }}> + <View + style={[ + styles.imageContainer, + {backgroundColor: avatar.backgroundColor}, + ]} + collapsable={false}> + <Icon + height={85 * SIZE_MULTIPLIER} + width={85 * SIZE_MULTIPLIER} + style={{color: 'white'}} + /> + </View> + </LazyViewShot> + </React.Suspense> </View> ) }, |