Page MenuHomePhorge
Files F33032635

D8057.1768405578.diff
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

D8057.1768405578.diff
View Options

diff --git a/native/community-creation/community-creation-content-container.react.js b/native/community-creation/community-creation-content-container.react.js
new file mode 100644
--- /dev/null
+++ b/native/community-creation/community-creation-content-container.react.js
@@ -0,0 +1,38 @@
+// @flow
+
+import { useHeaderHeight } from '@react-navigation/elements';
+import * as React from 'react';
+import { View } from 'react-native';
+
+import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
+
+type ViewProps = React.ElementConfig<typeof View>;
+type Props = {
+ ...ViewProps,
+ +children: React.Node,
+};
+function CommunityCreationContentContainer(props: Props): React.Node {
+ const { children, style, ...rest } = props;
+
+ const headerHeight = useHeaderHeight();
+ const backgroundStyle = React.useMemo(
+ () => ({ marginTop: headerHeight }),
+ [headerHeight],
+ );
+
+ return (
+ <KeyboardAvoidingView behavior="padding" style={styles.fill}>
+ <View style={backgroundStyle} {...rest}>
+ {children}
+ </View>
+ </KeyboardAvoidingView>
+ );
+}
+
+const styles = {
+ fill: {
+ flex: 1,
+ },
+};
+
+export default CommunityCreationContentContainer;
diff --git a/native/community-creation/community-creation-members.react.js b/native/community-creation/community-creation-members.react.js
--- a/native/community-creation/community-creation-members.react.js
+++ b/native/community-creation/community-creation-members.react.js
@@ -10,15 +10,14 @@
import { threadTypes } from 'lib/types/thread-types-enum.js';
import type { AccountUserInfo } from 'lib/types/user-types.js';
+import CommunityCreationContentContainer from './community-creation-content-container.react.js';
import CommunityCreationKeyserverLabel from './community-creation-keyserver-label.react.js';
import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js';
import RegistrationContainer from '../account/registration/registration-container.react.js';
-import RegistrationContentContainer from '../account/registration/registration-content-container.react.js';
import { createTagInput } from '../components/tag-input.react.js';
import UserList from '../components/user-list.react.js';
import type { NavigationRoute } from '../navigation/route-names.js';
import { useSelector } from '../redux/redux-utils.js';
-import { useStyles } from '../themes/colors.js';
const TagInput = createTagInput<AccountUserInfo>();
const tagInputProps = {
@@ -35,8 +34,6 @@
// eslint-disable-next-line no-unused-vars
function CommunityCreationMembers(props: Props): React.Node {
- const styles = useStyles(unboundStyles);
-
const otherUserInfos = useSelector(userInfoSelectorForPotentialMembers);
const userSearchIndex = useSelector(userSearchIndexForPotentialMembers);
@@ -82,7 +79,7 @@
return (
<RegistrationContainer>
- <RegistrationContentContainer style={styles.containerPaddingOverride}>
+ <CommunityCreationContentContainer>
<CommunityCreationKeyserverLabel />
<TagInput
value={selectedUsers}
@@ -94,15 +91,9 @@
ref={tagInputRef}
/>
<UserList userInfos={userSearchResults} onSelect={onSelectUser} />
- </RegistrationContentContainer>
+ </CommunityCreationContentContainer>
</RegistrationContainer>
);
}
-const unboundStyles = {
- containerPaddingOverride: {
- padding: 0,
- },
-};
-
export default CommunityCreationMembers;

File Metadata

Mime Type
text/plain
Expires
Wed, Jan 14, 3:46 PM (42 m, 30 s)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5928354
Default Alt Text
D8057.1768405578.diff (3 KB)

Event Timeline