diff options
| -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> ) }, |