Page MenuHomePhabricator
Differential D8130

[native] Navigate to newly created community after successful creation
ClosedPublic
Actions

Authored by atul on Jun 6 2023, 11:26 AM.
Tags
None
Referenced Files
Unknown Object (File)
Sat, Apr 12, 6:39 PM
Unknown Object (File)
Fri, Mar 28, 4:10 AM
Unknown Object (File)
Feb 25 2025, 6:33 AM
Unknown Object (File)
Feb 25 2025, 4:57 AM
Unknown Object (File)
Feb 22 2025, 5:23 PM
Unknown Object (File)
Feb 18 2025, 12:16 PM
Unknown Object (File)
Jan 12 2025, 4:09 PM
Unknown Object (File)
Dec 28 2024, 9:56 PM
View All Files
Subscribers
tomek

Details

Reviewers
ashoat
ginsu
Commits
rCOMM8e53b360b3d7: [native] Navigate to newly created community after successful creation
Summary

Navigate to the newly created community after succesful community creation.

Depends on D8129

Test Plan
  1. Create new community
  2. Observe that we are navigated to newly created community thread

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
native/
community-creation/
16 lines

Diff 27566

View Options

native/community-creation/community-creation-members.react.js

// @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