Add profile QR code for sharing and inviting friends (#10659)

src/view/screens/Storybook/Storybook.tsx

@@ -7,6 +7,8 @@ import {useSetThemePrefs} from '#/state/shell'
 import {ListContained} from '#/view/screens/Storybook/ListContained'
 import {atoms as a, ThemeProvider} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
+import * as Dialog from '#/components/Dialog'
+import {InviteFriendsDialog} from '#/features/inviteFriends'
 import {
   useDeviceGeolocationApi,
   useRequestDeviceGeolocation,
@@ -33,6 +35,7 @@ export default function Storybook() {
   const navigation = useNavigation<NavigationProp>()
   const requestDeviceGeolocation = useRequestDeviceGeolocation()
   const {setDeviceGeolocation} = useDeviceGeolocationApi()
+  const inviteFriendsControl = Dialog.useDialogControl()
 
   return (
     <>
@@ -98,6 +101,15 @@ export default function Storybook() {
               <ButtonText>Get GPS Location</ButtonText>
             </Button>
 
+            <Button
+              color="primary"
+              size="large"
+              onPress={() => inviteFriendsControl.open()}
+              label="Open invite friends sheet (APP-2142)">
+              <ButtonText>Open invite friends sheet (APP-2142)</ButtonText>
+            </Button>
+            <InviteFriendsDialog control={inviteFriendsControl} />
+
             <ThemeProvider theme="light">
               <Theming />
             </ThemeProvider>