Page MenuHomePhabricator
Differential D6187

[image-picker] install expo package
ClosedPublic
Actions

Authored by • adar on Jan 6 2023, 7:18 AM.
Tags
None
Referenced Files
Unknown Object (File)
Mon, Mar 24, 1:42 AM
Unknown Object (File)
Mar 12 2025, 11:56 AM
Unknown Object (File)
Feb 18 2025, 1:56 PM
Unknown Object (File)
Feb 18 2025, 1:56 PM
Unknown Object (File)
Feb 18 2025, 1:55 PM
Unknown Object (File)
Feb 18 2025, 1:51 PM
Unknown Object (File)
Feb 17 2025, 9:13 PM
Unknown Object (File)
Feb 17 2025, 9:13 PM
View All Files
Subscribers
ashoat
tomek

Details

Reviewers
atul
ashoat
Commits
rCOMM3e7b49ecbe4f: [image-picker] install expo package
Summary

Doing the installation again. Installed package by modifying package.json and running yarn cleaninstall.

Test Plan

Build succeeds. Run succeeds.

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
native/
ios/
6 lines
1 line
13 lines

Diff 20811

View Options

native/ios/Podfile.lock

// @flow // @flow
import Clipboard from '@react-native-clipboard/clipboard'; import Clipboard from '@react-native-clipboard/clipboard';
import * as React from 'react'; import * as React from 'react';
import { View, Text, TouchableOpacity } from 'react-native'; import { View, Text, TouchableOpacity } from 'react-native';
import type { AccountUserInfo } from 'lib/types/user-types'; import type { AccountUserInfo } from 'lib/types/user-types';
import sleep from 'lib/utils/sleep.js'; import sleep from 'lib/utils/sleep.js';
import SWMansionIcon from './swmansion-icon.react.js'; import SWMansionIcon from './swmansion-icon.react.js';
import UserAvatar from '../avatars/user-avatar.react.js'; import UserAvatar from '../avatars/user-avatar.react.js';
import { SingleLine } from '../components/single-line.react.js';
import { useStyles } from '../themes/colors.js'; import { useStyles } from '../themes/colors.js';
type Props = { type Props = {
+userInfo: AccountUserInfo, +userInfo: AccountUserInfo,
}; };
function UserProfile(props: Props): React.Node { function UserProfile(props: Props): React.Node {
const { userInfo } = props; const { userInfo } = props;
▲ Show 20 Lines • Show All 41 Lines • ▼ Show 20 Linesfunction UserProfile(props: Props): React.Node {
]); ]);
return ( return (
<View style={styles.container}> <View style={styles.container}>
<SWMansionIcon name="menu-vertical" size={24} style={styles.moreIcon} /> <SWMansionIcon name="menu-vertical" size={24} style={styles.moreIcon} />
<View style={styles.userInfoContainer}> <View style={styles.userInfoContainer}>
<UserAvatar size="profile" userID={userInfo.id} /> <UserAvatar size="profile" userID={userInfo.id} />
<View style={styles.usernameContainer}> <View style={styles.usernameContainer}>
<Text style={styles.usernameText}>{userInfo.username}</Text> <SingleLine style={styles.usernameText}>
{userInfo.username}
</SingleLine>
{copyUsernameButton} {copyUsernameButton}
</View> </View>
</View> </View>
</View> </View>
); );
} }
const unboundStyles = { const unboundStyles = {
container: { container: {
paddingHorizontal: 16, paddingHorizontal: 16,
}, },
moreIcon: { moreIcon: {
color: 'modalButtonLabel', color: 'modalButtonLabel',
alignSelf: 'flex-end', alignSelf: 'flex-end',
}, },
userInfoContainer: { userInfoContainer: {
flexDirection: 'row', flexDirection: 'row',
}, },
usernameContainer: { usernameContainer: {
flex: 1,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'flex-start',
paddingLeft: 16, paddingLeft: 16,
}, },
usernameText: { usernameText: {
color: 'modalForegroundLabel', color: 'modalForegroundLabel',
fontSize: 18, fontSize: 18,
fontWeight: '500', fontWeight: '500',
}, },
copyUsernameContainer: { copyUsernameContainer: {
Show All 15 Lines
View Options

native/package.json

// @flow // @flow
import Clipboard from '@react-native-clipboard/clipboard'; import Clipboard from '@react-native-clipboard/clipboard';
import * as React from 'react'; import * as React from 'react';
import { View, Text, TouchableOpacity } from 'react-native'; import { View, Text, TouchableOpacity } from 'react-native';
import type { AccountUserInfo } from 'lib/types/user-types'; import type { AccountUserInfo } from 'lib/types/user-types';
import sleep from 'lib/utils/sleep.js'; import sleep from 'lib/utils/sleep.js';
import SWMansionIcon from './swmansion-icon.react.js'; import SWMansionIcon from './swmansion-icon.react.js';
import UserAvatar from '../avatars/user-avatar.react.js'; import UserAvatar from '../avatars/user-avatar.react.js';
import { SingleLine } from '../components/single-line.react.js';
import { useStyles } from '../themes/colors.js'; import { useStyles } from '../themes/colors.js';
type Props = { type Props = {
+userInfo: AccountUserInfo, +userInfo: AccountUserInfo,
}; };
function UserProfile(props: Props): React.Node { function UserProfile(props: Props): React.Node {
const { userInfo } = props; const { userInfo } = props;
▲ Show 20 Lines • Show All 41 Lines • ▼ Show 20 Linesfunction UserProfile(props: Props): React.Node {
]); ]);
return ( return (
<View style={styles.container}> <View style={styles.container}>
<SWMansionIcon name="menu-vertical" size={24} style={styles.moreIcon} /> <SWMansionIcon name="menu-vertical" size={24} style={styles.moreIcon} />
<View style={styles.userInfoContainer}> <View style={styles.userInfoContainer}>
<UserAvatar size="profile" userID={userInfo.id} /> <UserAvatar size="profile" userID={userInfo.id} />
<View style={styles.usernameContainer}> <View style={styles.usernameContainer}>
<Text style={styles.usernameText}>{userInfo.username}</Text> <SingleLine style={styles.usernameText}>
{userInfo.username}
</SingleLine>
{copyUsernameButton} {copyUsernameButton}
</View> </View>
</View> </View>
</View> </View>
); );
} }
const unboundStyles = { const unboundStyles = {
container: { container: {
paddingHorizontal: 16, paddingHorizontal: 16,
}, },
moreIcon: { moreIcon: {
color: 'modalButtonLabel', color: 'modalButtonLabel',
alignSelf: 'flex-end', alignSelf: 'flex-end',
}, },
userInfoContainer: { userInfoContainer: {
flexDirection: 'row', flexDirection: 'row',
}, },
usernameContainer: { usernameContainer: {
flex: 1,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'flex-start',
paddingLeft: 16, paddingLeft: 16,
}, },
usernameText: { usernameText: {
color: 'modalForegroundLabel', color: 'modalForegroundLabel',
fontSize: 18, fontSize: 18,
fontWeight: '500', fontWeight: '500',
}, },
copyUsernameContainer: { copyUsernameContainer: {
Show All 15 Lines
View Options

yarn.lock

// @flow // @flow
import Clipboard from '@react-native-clipboard/clipboard'; import Clipboard from '@react-native-clipboard/clipboard';
import * as React from 'react'; import * as React from 'react';
import { View, Text, TouchableOpacity } from 'react-native'; import { View, Text, TouchableOpacity } from 'react-native';
import type { AccountUserInfo } from 'lib/types/user-types'; import type { AccountUserInfo } from 'lib/types/user-types';
import sleep from 'lib/utils/sleep.js'; import sleep from 'lib/utils/sleep.js';
import SWMansionIcon from './swmansion-icon.react.js'; import SWMansionIcon from './swmansion-icon.react.js';
import UserAvatar from '../avatars/user-avatar.react.js'; import UserAvatar from '../avatars/user-avatar.react.js';
import { SingleLine } from '../components/single-line.react.js';
import { useStyles } from '../themes/colors.js'; import { useStyles } from '../themes/colors.js';
type Props = { type Props = {
+userInfo: AccountUserInfo, +userInfo: AccountUserInfo,
}; };
function UserProfile(props: Props): React.Node { function UserProfile(props: Props): React.Node {
const { userInfo } = props; const { userInfo } = props;
▲ Show 20 Lines • Show All 41 Lines • ▼ Show 20 Linesfunction UserProfile(props: Props): React.Node {
]); ]);
return ( return (
<View style={styles.container}> <View style={styles.container}>
<SWMansionIcon name="menu-vertical" size={24} style={styles.moreIcon} /> <SWMansionIcon name="menu-vertical" size={24} style={styles.moreIcon} />
<View style={styles.userInfoContainer}> <View style={styles.userInfoContainer}>
<UserAvatar size="profile" userID={userInfo.id} /> <UserAvatar size="profile" userID={userInfo.id} />
<View style={styles.usernameContainer}> <View style={styles.usernameContainer}>
<Text style={styles.usernameText}>{userInfo.username}</Text> <SingleLine style={styles.usernameText}>
{userInfo.username}
</SingleLine>
{copyUsernameButton} {copyUsernameButton}
</View> </View>
</View> </View>
</View> </View>
); );
} }
const unboundStyles = { const unboundStyles = {
container: { container: {
paddingHorizontal: 16, paddingHorizontal: 16,
}, },
moreIcon: { moreIcon: {
color: 'modalButtonLabel', color: 'modalButtonLabel',
alignSelf: 'flex-end', alignSelf: 'flex-end',
}, },
userInfoContainer: { userInfoContainer: {
flexDirection: 'row', flexDirection: 'row',
}, },
usernameContainer: { usernameContainer: {
flex: 1,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'flex-start',
paddingLeft: 16, paddingLeft: 16,
}, },
usernameText: { usernameText: {
color: 'modalForegroundLabel', color: 'modalForegroundLabel',
fontSize: 18, fontSize: 18,
fontWeight: '500', fontWeight: '500',
}, },
copyUsernameContainer: { copyUsernameContainer: {
Show All 15 Lines