Page MenuHomePhabricator
Differential D8989

[client-backup] extract shared code for creating service endpoint path
ClosedPublic
Actions

Authored by kamil on Aug 29 2023, 2:02 AM.
Tags
None
Referenced Files
Unknown Object (File)
Sun, Mar 16, 11:48 PM
Unknown Object (File)
Sun, Mar 16, 11:47 PM
Unknown Object (File)
Sun, Mar 16, 11:46 PM
Unknown Object (File)
Wed, Mar 12, 3:40 AM
Unknown Object (File)
Fri, Mar 7, 9:49 AM
Unknown Object (File)
Wed, Mar 5, 2:02 PM
Unknown Object (File)
Wed, Mar 5, 2:56 AM
Unknown Object (File)
Jan 14 2025, 11:20 PM
View All 96 Files
Subscribers
ashoat
tomek

Details

Reviewers
michal
marcin
bartek
Commits
rCOMM4b7e3525ba15: [client-backup] extract shared code for creating service endpoint path
Summary

Extracting code that can be shared with function to create backup API calls.

Test Plan
  1. flow
  2. check if blob calls works

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
lib/
utils/
8 lines
11 lines

Diff 30592

View Options

lib/utils/blob-service.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

lib/utils/url-utils.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;