Differential D7979 Diff 27097 native/community-creation/community-configuration.react.js

Changeset View

Standalone View

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

// @flow		// @flow

import * as React from 'react';		import * as React from 'react';
import { Text, TouchableOpacity, View } from 'react-native';		import { Text, TouchableOpacity, View } from 'react-native';

import { newThread, newThreadActionTypes } from 'lib/actions/thread-actions.js';		import { newThread, newThreadActionTypes } from 'lib/actions/thread-actions.js';
		import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors.js';
		import type { LoadingStatus } from 'lib/types/loading-types.js';
import { threadTypes } from 'lib/types/thread-types-enum.js';		import { threadTypes } from 'lib/types/thread-types-enum.js';
import type { NewThreadResult } from 'lib/types/thread-types.js';		import type { NewThreadResult } from 'lib/types/thread-types.js';
import {		import {
useDispatchActionPromise,		useDispatchActionPromise,
useServerCall,		useServerCall,
} from 'lib/utils/action-utils.js';		} from 'lib/utils/action-utils.js';

import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js';		import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js';
import RegistrationButtonContainer from '../account/registration/registration-button-container.react.js';		import RegistrationButtonContainer from '../account/registration/registration-button-container.react.js';
import RegistrationButton from '../account/registration/registration-button.react.js';		import RegistrationButton from '../account/registration/registration-button.react.js';
import RegistrationContainer from '../account/registration/registration-container.react.js';		import RegistrationContainer from '../account/registration/registration-container.react.js';
import RegistrationContentContainer from '../account/registration/registration-content-container.react.js';		import RegistrationContentContainer from '../account/registration/registration-content-container.react.js';
import {		import {
ThreadSettingsCategoryFooter,		ThreadSettingsCategoryFooter,
ThreadSettingsCategoryHeader,		ThreadSettingsCategoryHeader,
} from '../chat/settings/thread-settings-category.react.js';		} from '../chat/settings/thread-settings-category.react.js';
import CommIcon from '../components/comm-icon.react.js';		import CommIcon from '../components/comm-icon.react.js';
import Pill from '../components/pill.react.js';		import Pill from '../components/pill.react.js';
import TextInput from '../components/text-input.react.js';		import TextInput from '../components/text-input.react.js';
import { useCalendarQuery } from '../navigation/nav-selectors.js';		import { useCalendarQuery } from '../navigation/nav-selectors.js';
import { type NavigationRoute } from '../navigation/route-names.js';		import { type NavigationRoute } from '../navigation/route-names.js';
		import { useSelector } from '../redux/redux-utils.js';
import { useColors, useStyles } from '../themes/colors.js';		import { useColors, useStyles } from '../themes/colors.js';

type Props = {		type Props = {
+navigation: CommunityCreationNavigationProp<'CommunityConfiguration'>,		+navigation: CommunityCreationNavigationProp<'CommunityConfiguration'>,
+route: NavigationRoute<'CommunityConfiguration'>,		+route: NavigationRoute<'CommunityConfiguration'>,
};		};

		const createNewCommunityLoadingStatusSelector =
		createLoadingStatusSelector(newThreadActionTypes);

// eslint-disable-next-line no-unused-vars		// eslint-disable-next-line no-unused-vars
function CommunityConfiguration(props: Props): React.Node {		function CommunityConfiguration(props: Props): React.Node {
const styles = useStyles(unboundStyles);		const styles = useStyles(unboundStyles);
const colors = useColors();		const colors = useColors();

const dispatchActionPromise = useDispatchActionPromise();		const dispatchActionPromise = useDispatchActionPromise();

const callNewThread = useServerCall(newThread);		const callNewThread = useServerCall(newThread);
const calendarQueryFunc = useCalendarQuery();		const calendarQueryFunc = useCalendarQuery();

		const createNewCommunityLoadingStatus: LoadingStatus = useSelector(
		createNewCommunityLoadingStatusSelector,
		);

const cloudIcon = (		const cloudIcon = (
<CommIcon		<CommIcon
name="cloud-filled"		name="cloud-filled"
size={12}		size={12}
color={colors.panelForegroundLabel}		color={colors.panelForegroundLabel}
/>		/>
);		);

▲ Show 20 Lines • Show All 84 Lines • ▼ Show 20 Lines	<RegistrationContainer>
<View style={styles.enumCheckBox}>{checkBoxFill}</View>		<View style={styles.enumCheckBox}>{checkBoxFill}</View>
</TouchableOpacity>		</TouchableOpacity>
</View>		</View>
<ThreadSettingsCategoryFooter type="full" />		<ThreadSettingsCategoryFooter type="full" />
<RegistrationButtonContainer>		<RegistrationButtonContainer>
<RegistrationButton		<RegistrationButton
onPress={createNewCommunity}		onPress={createNewCommunity}
label="Create Community"		label="Create Community"
		variant={
		createNewCommunityLoadingStatus === 'loading'
		? 'loading'
		: 'enabled'
		}
/>		/>
</RegistrationButtonContainer>		</RegistrationButtonContainer>
</RegistrationContentContainer>		</RegistrationContentContainer>
</RegistrationContainer>		</RegistrationContainer>
);		);
}		}

const unboundStyles = {		const unboundStyles = {
▲ Show 20 Lines • Show All 93 Lines • Show Last 20 Lines