diff options
Diffstat (limited to 'src/components/StarterPack/QrCode.tsx')
-rw-r--r-- | src/components/StarterPack/QrCode.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/components/StarterPack/QrCode.tsx b/src/components/StarterPack/QrCode.tsx index 86f1aa1e6..4c28a41c5 100644 --- a/src/components/StarterPack/QrCode.tsx +++ b/src/components/StarterPack/QrCode.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import {lazy} from 'react' import {View} from 'react-native' // @ts-expect-error missing types import QRCode from 'react-native-qrcode-styled' @@ -15,20 +15,20 @@ import {LinearGradientBackground} from '#/components/LinearGradientBackground' import {Text} from '#/components/Typography' import * as bsky from '#/types/bsky' -const LazyViewShot = React.lazy( +const LazyViewShot = lazy( // @ts-expect-error dynamic import () => import('react-native-view-shot/src/index'), ) -interface Props { +export function QrCode({ + starterPack, + link, + ref, +}: { starterPack: AppBskyGraphDefs.StarterPackView link: string -} - -export const QrCode = React.forwardRef<ViewShot, Props>(function QrCode( - {starterPack, link}, - ref, -) { + ref: React.Ref<ViewShot> +}) { const {record} = starterPack if ( @@ -93,7 +93,7 @@ export const QrCode = React.forwardRef<ViewShot, Props>(function QrCode( </LinearGradientBackground> </LazyViewShot> ) -}) +} export function QrCodeInner({link}: {link: string}) { const t = useTheme() |