Page MenuHomePhorge
Files F32322887

D7988.1765301733.diff
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

D7988.1765301733.diff
View Options

diff --git a/native/community-creation/community-configuration.react.js b/native/community-creation/community-configuration.react.js
--- a/native/community-creation/community-configuration.react.js
+++ b/native/community-creation/community-configuration.react.js
@@ -13,6 +13,7 @@
useServerCall,
} from 'lib/utils/action-utils.js';
+import CommunityCreationKeyserverLabel from './community-creation-keyserver-label.react.js';
import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js';
import RegistrationButtonContainer from '../account/registration/registration-button-container.react.js';
import RegistrationButton from '../account/registration/registration-button.react.js';
@@ -23,7 +24,6 @@
ThreadSettingsCategoryHeader,
} from '../chat/settings/thread-settings-category.react.js';
import CommIcon from '../components/comm-icon.react.js';
-import Pill from '../components/pill.react.js';
import TextInput from '../components/text-input.react.js';
import { useCalendarQuery } from '../navigation/nav-selectors.js';
import {
@@ -57,14 +57,6 @@
createNewCommunityLoadingStatusSelector,
);
- const cloudIcon = (
- <CommIcon
- name="cloud-filled"
- size={12}
- color={colors.panelForegroundLabel}
- />
- );
-
const [pendingCommunityName, setPendingCommunityName] = React.useState('');
const [announcementSetting, setAnnouncementSetting] = React.useState(false);
const [errorMessage, setErrorMessage] = React.useState<?string>();
@@ -118,15 +110,7 @@
return (
<RegistrationContainer>
<RegistrationContentContainer style={styles.containerPaddingOverride}>
- <View style={styles.keyserverRowContainer}>
- <Text style={styles.withinText}>within</Text>
- <Pill
- label="ashoat"
- backgroundColor={colors.codeBackground}
- icon={cloudIcon}
- />
- </View>
-
+ <CommunityCreationKeyserverLabel />
<ThreadSettingsCategoryHeader type="full" title="COMMUNITY INFO" />
<View style={styles.communityNameRow}>
<Text style={styles.communityNameLabel}>Name</Text>
@@ -188,20 +172,6 @@
}
const unboundStyles = {
- keyserverRowContainer: {
- flexDirection: 'row',
- justifyContent: 'center',
- alignItems: 'center',
- backgroundColor: 'panelForeground',
- height: 48,
- borderColor: 'panelForegroundBorder',
- borderBottomWidth: 1,
- },
- withinText: {
- color: 'panelForegroundLabel',
- fontSize: 14,
- marginRight: 6,
- },
containerPaddingOverride: {
padding: 0,
},
diff --git a/native/community-creation/community-creation-keyserver-label.react.js b/native/community-creation/community-creation-keyserver-label.react.js
new file mode 100644
--- /dev/null
+++ b/native/community-creation/community-creation-keyserver-label.react.js
@@ -0,0 +1,54 @@
+// @flow
+
+import * as React from 'react';
+import { View, Text } from 'react-native';
+
+import CommIcon from '../components/comm-icon.react.js';
+import Pill from '../components/pill.react.js';
+import { useColors, useStyles } from '../themes/colors.js';
+
+function CommunityCreationKeyserverLabel(): React.Node {
+ const colors = useColors();
+ const styles = useStyles(unboundStyles);
+
+ const cloudIcon = React.useMemo(
+ () => (
+ <CommIcon
+ name="cloud-filled"
+ size={12}
+ color={colors.panelForegroundLabel}
+ />
+ ),
+ [colors.panelForegroundLabel],
+ );
+
+ return (
+ <View style={styles.keyserverRowContainer}>
+ <Text style={styles.withinText}>within</Text>
+ <Pill
+ label="ashoat"
+ backgroundColor={colors.codeBackground}
+ icon={cloudIcon}
+ />
+ </View>
+ );
+}
+
+const unboundStyles = {
+ keyserverRowContainer: {
+ flexDirection: 'row',
+ justifyContent: 'center',
+ alignItems: 'center',
+ backgroundColor: 'panelForeground',
+ height: 48,
+ borderColor: 'panelForegroundBorder',
+ borderBottomWidth: 1,
+ },
+ withinText: {
+ color: 'panelForegroundLabel',
+ fontSize: 14,
+ marginRight: 6,
+ },
+};
+
+export default CommunityCreationKeyserverLabel;

File Metadata

Mime Type
text/plain
Expires
Tue, Dec 9, 5:35 PM (9 h, 50 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5856238
Default Alt Text
D7988.1765301733.diff (4 KB)

Event Timeline