Page MenuHomePhabricator
Differential D14405

[native] use `initializeCryptoAccount` from `olmAPI` in `IdentityServiceContextProvider`
ClosedPublic
Actions

Authored by kamil on Feb 25 2025, 2:59 AM.
Tags
None
Referenced Files
Unknown Object (File)
Wed, Apr 2, 9:22 PM
Unknown Object (File)
Tue, Apr 1, 2:50 PM
Unknown Object (File)
Tue, Apr 1, 12:26 PM
Unknown Object (File)
Tue, Apr 1, 4:58 AM
Unknown Object (File)
Mon, Mar 31, 7:27 AM
Unknown Object (File)
Fri, Mar 28, 11:38 PM
Unknown Object (File)
Mar 21 2025, 5:25 AM
Unknown Object (File)
Mar 16 2025, 6:23 AM
View All 29 Files
Subscribers
ashoat

Details

Reviewers
tomek
bartek
Commits
rCOMM5b4b4dc789ca: [native] use `initializeCryptoAccount` from `olmAPI` in…
Summary

Follow-up to ENG-10242.

Standardizing approach to avoid hard to debug differences like D14396.

Test Plan

FLow

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
native/
identity-service/
22 lines

Diff 47271

View Options

native/identity-service/identity-service-context-provider.react.js

// @flow // @flow
import invariant from 'invariant'; import invariant from 'invariant';
import * as React from 'react'; import * as React from 'react';
import { View, StyleSheet } from 'react-native'; import { View, StyleSheet } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { useSafeAreaInsets } from 'react-native-safe-area-context';
import type { ClientCommunityInfoWithCommunityName } from 'lib/types/community-types.js';
import DirectoryPrompt from './directory-prompt.react.js'; import DirectoryPrompt from './directory-prompt.react.js';
import { type NUXTip, nuxTip } from './nux-tips-context.react.js'; import { type NUXTip, nuxTip } from './nux-tips-context.react.js';
import PrimaryButton from './primary-button.react.js'; import PrimaryButton from './primary-button.react.js';
import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-provider.react.js'; import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-provider.react.js';
import BottomSheet from '../bottom-sheet/bottom-sheet.react.js'; import BottomSheet from '../bottom-sheet/bottom-sheet.react.js';
import type { RootNavigationProp } from '../navigation/root-navigator.react.js'; import type { RootNavigationProp } from '../navigation/root-navigator.react.js';
import { CommunityJoinerModalRouteName } from '../navigation/route-names.js';
import { import {
type NavigationRoute, type NavigationRoute,
NUXTipOverlayBackdropRouteName, NUXTipOverlayBackdropRouteName,
} from '../navigation/route-names.js'; } from '../navigation/route-names.js';
export type DirectoryPromptBottomSheetParams = {
+communities: $ReadOnlyArray<ClientCommunityInfoWithCommunityName>,
};
const directoryPromptHeight = 293; const directoryPromptHeight = 293;
const marginBottom = 10; const marginBottom = 10;
const buttonHeight = 61; const buttonHeight = 61;
const orderedTips: $ReadOnlyArray<NUXTip> = [nuxTip.COMMUNITY_DIRECTORY]; const orderedTips: $ReadOnlyArray<NUXTip> = [nuxTip.COMMUNITY_DIRECTORY];
type Props = { type Props = {
+navigation: RootNavigationProp<'DirectoryPromptBottomSheet'>, +navigation: RootNavigationProp<'DirectoryPromptBottomSheet'>,
+route: NavigationRoute<'DirectoryPromptBottomSheet'>, +route: NavigationRoute<'DirectoryPromptBottomSheet'>,
}; };
function DirectoryPromptBottomSheet(props: Props): React.Node { function DirectoryPromptBottomSheet(props: Props): React.Node {
const { navigation } = props; const { navigation, route } = props;
const { goBack, navigate } = navigation;
const { goBack } = navigation; const { communities } = route.params;
const bottomSheetRef = React.useRef(null); const bottomSheetRef = React.useRef(null);
const bottomSheetContext = React.useContext(BottomSheetContext); const bottomSheetContext = React.useContext(BottomSheetContext);
invariant(bottomSheetContext, 'bottomSheetContext should be set'); invariant(bottomSheetContext, 'bottomSheetContext should be set');
const { setContentHeight } = bottomSheetContext; const { setContentHeight } = bottomSheetContext;
const insets = useSafeAreaInsets(); const insets = useSafeAreaInsets();
React.useLayoutEffect(() => { React.useLayoutEffect(() => {
setContentHeight( setContentHeight(
directoryPromptHeight + directoryPromptHeight +
marginBottom + marginBottom +
buttonHeight + buttonHeight +
buttonHeight + buttonHeight +
insets.bottom, insets.bottom,
); );
}, [insets.bottom, setContentHeight]); }, [insets.bottom, setContentHeight]);
const onPressAccept = React.useCallback(() => { const onPressAccept = React.useCallback(() => {
console.log('User accepted the prompt'); goBack();
}, []); navigate<'CommunityJoinerModal'>({
name: CommunityJoinerModalRouteName,
params: { communities },
});
}, [communities, goBack, navigate]);
const onCloseOrPressDecline = React.useCallback(() => { const onCloseOrPressDecline = React.useCallback(() => {
goBack(); navigate<'NUXTipOverlayBackdrop'>({
navigation.navigate<'NUXTipOverlayBackdrop'>({
name: NUXTipOverlayBackdropRouteName, name: NUXTipOverlayBackdropRouteName,
params: { params: {
orderedTips, orderedTips,
}, },
}); });
}, [goBack, navigation]); }, [navigate]);
const directoryPromptBottomSheet = React.useMemo( const directoryPromptBottomSheet = React.useMemo(
() => ( () => (
<BottomSheet ref={bottomSheetRef} onClosed={onCloseOrPressDecline}> <BottomSheet ref={bottomSheetRef} onClosed={onCloseOrPressDecline}>
<View style={styles.container}> <View style={styles.container}>
<View style={styles.promptContainer}> <View style={styles.promptContainer}>
<DirectoryPrompt /> <DirectoryPrompt />
</View> </View>
Show All 36 Lines