[client-backup] implement backup handler
ClosedPublic
Actions

native/backup/backup-handler.js
38 ↗	(On Diff #30486)	I'm not convinced, `sha256Hash` is more current hash, value from `AsyncStorage` is recent as it was computed previously 😅
54 ↗	(On Diff #30486)	okay, I wanted to check how frequent data is backed up - but we can always check this in backup service logs

kamil added a child revision: D9004: [client-backup] add restore test.Sep 4 2023, 3:14 AM

kamil removed a child revision: D9004: [client-backup] add restore test.Sep 4 2023, 3:14 AM

Harbormaster completed remote builds in B22367: Diff 30734.Sep 4 2023, 3:25 AM

michal accepted this revision.Sep 4 2023, 8:31 AM

michal added inline comments.

native/backup/backup-handler.js
38 ↗	(On Diff #30486)	What about `mostRecentlyUploadedBackupHash`? :P

This revision is now accepted and ready to land.Sep 4 2023, 8:31 AM

Closed by commit rCOMM4ab2a5637e7a: [client-backup] implement backup handler (authored by kamil). · Explain WhySep 5 2023, 5:13 AM

This revision was automatically updated to reflect the committed changes.

kamil added a commit: rCOMM4ab2a5637e7a: [client-backup] implement backup handler.

kamil mentioned this in D9080: [client-backup] rename `recentBackupHash` -> `mostRecentlyUploadedBackupHash`.Sep 5 2023, 5:14 AM

kamil mentioned this in rCOMMfc35759754a3: [client-backup] rename `recentBackupHash` -> `mostRecentlyUploadedBackupHash`.Sep 5 2023, 5:47 AM

Revision Contents
Changeset List

Path

Size

native/

backup/

backup-handler.js

62 lines

constants.js

2 lines

root.react.js

2 lines

Diff 30752

View Options

native/backup/backup-handler.js

This file was added.

				// @flow

				import { useNavigation, useRoute } from '@react-navigation/native';
				import invariant from 'invariant';
				import * as React from 'react';
				import { View, TouchableOpacity } from 'react-native';

				import { userProfileUserInfoContainerHeight } from './user-profile-constants.js';
				import UserAvatar from '../avatars/user-avatar.react.js';
				import { OverlayContext } from '../navigation/overlay-context.js';
				import { UserProfileAvatarModalRouteName } from '../navigation/route-names.js';

				// We need to set onAvatarLayout in order to allow .measure() to be on the ref
				const onAvatarLayout = () => {};

				type Props = {
				userID: ?string,
				};

				function UserProfileAvatar(props: Props): React.Node {
				const { userID } = props;

				const { navigate } = useNavigation();
				const route = useRoute();

				const overlayContext = React.useContext(OverlayContext);

				const avatarRef = React.useRef();

				const onPressAvatar = React.useCallback(() => {
				invariant(overlayContext, 'UserProfileAvatar should have OverlayContext');
				overlayContext.setScrollBlockingModalStatus('open');

				const currentAvatarRef = avatarRef.current;
				if (!currentAvatarRef) {
				return;
				}

				currentAvatarRef.measure((x, y, width, height, pageX, pageY) => {
				const coordinates = {
				x: pageX,
				y: pageY,
				width,
				height,
				};

				const verticalBounds = {
				height: userProfileUserInfoContainerHeight,
				y: pageY,
				};

				navigate<'UserProfileAvatarModal'>({
				name: UserProfileAvatarModalRouteName,
				params: {
				presentedFrom: route.key,
				initialCoordinates: coordinates,
				verticalBounds,
				userID,
				},
				});
				});
				}, [navigate, overlayContext, route.key, userID]);

				return (
				<TouchableOpacity onPress={onPressAvatar}>
				<View ref={avatarRef} onLayout={onAvatarLayout}>
				<UserAvatar size="L" userID={userID} />
				</View>
				</TouchableOpacity>
				);
				}

				export default UserProfileAvatar;

View Options

native/backup/constants.js

This file was added.

				// @flow

				import { useNavigation, useRoute } from '@react-navigation/native';
				import invariant from 'invariant';
				import * as React from 'react';
				import { View, TouchableOpacity } from 'react-native';

				import { userProfileUserInfoContainerHeight } from './user-profile-constants.js';
				import UserAvatar from '../avatars/user-avatar.react.js';
				import { OverlayContext } from '../navigation/overlay-context.js';
				import { UserProfileAvatarModalRouteName } from '../navigation/route-names.js';

				// We need to set onAvatarLayout in order to allow .measure() to be on the ref
				const onAvatarLayout = () => {};

				type Props = {
				userID: ?string,
				};

				function UserProfileAvatar(props: Props): React.Node {
				const { userID } = props;

				const { navigate } = useNavigation();
				const route = useRoute();

				const overlayContext = React.useContext(OverlayContext);

				const avatarRef = React.useRef();

				const onPressAvatar = React.useCallback(() => {
				invariant(overlayContext, 'UserProfileAvatar should have OverlayContext');
				overlayContext.setScrollBlockingModalStatus('open');

				const currentAvatarRef = avatarRef.current;
				if (!currentAvatarRef) {
				return;
				}

				currentAvatarRef.measure((x, y, width, height, pageX, pageY) => {
				const coordinates = {
				x: pageX,
				y: pageY,
				width,
				height,
				};

				const verticalBounds = {
				height: userProfileUserInfoContainerHeight,
				y: pageY,
				};

				navigate<'UserProfileAvatarModal'>({
				name: UserProfileAvatarModalRouteName,
				params: {
				presentedFrom: route.key,
				initialCoordinates: coordinates,
				verticalBounds,
				userID,
				},
				});
				});
				}, [navigate, overlayContext, route.key, userID]);

				return (
				<TouchableOpacity onPress={onPressAvatar}>
				<View ref={avatarRef} onLayout={onAvatarLayout}>
				<UserAvatar size="L" userID={userID} />
				</View>
				</TouchableOpacity>
				);
				}

				export default UserProfileAvatar;

View Options

native/root.react.js

This file was added.

				// @flow

				import { useNavigation, useRoute } from '@react-navigation/native';
				import invariant from 'invariant';
				import * as React from 'react';
				import { View, TouchableOpacity } from 'react-native';

				import { userProfileUserInfoContainerHeight } from './user-profile-constants.js';
				import UserAvatar from '../avatars/user-avatar.react.js';
				import { OverlayContext } from '../navigation/overlay-context.js';
				import { UserProfileAvatarModalRouteName } from '../navigation/route-names.js';

				// We need to set onAvatarLayout in order to allow .measure() to be on the ref
				const onAvatarLayout = () => {};

				type Props = {
				userID: ?string,
				};

				function UserProfileAvatar(props: Props): React.Node {
				const { userID } = props;

				const { navigate } = useNavigation();
				const route = useRoute();

				const overlayContext = React.useContext(OverlayContext);

				const avatarRef = React.useRef();

				const onPressAvatar = React.useCallback(() => {
				invariant(overlayContext, 'UserProfileAvatar should have OverlayContext');
				overlayContext.setScrollBlockingModalStatus('open');

				const currentAvatarRef = avatarRef.current;
				if (!currentAvatarRef) {
				return;
				}

				currentAvatarRef.measure((x, y, width, height, pageX, pageY) => {
				const coordinates = {
				x: pageX,
				y: pageY,
				width,
				height,
				};

				const verticalBounds = {
				height: userProfileUserInfoContainerHeight,
				y: pageY,
				};

				navigate<'UserProfileAvatarModal'>({
				name: UserProfileAvatarModalRouteName,
				params: {
				presentedFrom: route.key,
				initialCoordinates: coordinates,
				verticalBounds,
				userID,
				},
				});
				});
				}, [navigate, overlayContext, route.key, userID]);

				return (
				<TouchableOpacity onPress={onPressAvatar}>
				<View ref={avatarRef} onLayout={onAvatarLayout}>
				<UserAvatar size="L" userID={userID} />
				</View>
				</TouchableOpacity>
				);
				}

				export default UserProfileAvatar;

[client-backup] implement backup handlerClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 30752

native/backup/backup-handler.js

native/backup/constants.js

native/root.react.js

[client-backup] implement backup handler
ClosedPublic
Actions

Revision Contents
Changeset List