Change create community component

TryQuiet · Sep 12, 2023 · d0e8f25 · d0e8f25
1 parent 1ea8be3
commit d0e8f25
Show file tree

Hide file tree

Showing 5 changed files with 520 additions and 419 deletions.
diff --git a/packages/mobile/src/components/CreateCommunity/CreateCommunity.component.tsx b/packages/mobile/src/components/CreateCommunity/CreateCommunity.component.tsx
@@ -7,6 +7,7 @@ import { Typography } from '../Typography/Typography.component'
 import { TextWithLink } from '../TextWithLink/TextWithLink.component'
 
 import { CreateCommunityProps } from './CreateCommunity.types'
+import { Loading } from '../Loading/Loading.component'
 
 export const CreateCommunity: FC<CreateCommunityProps> = ({
  createCommunityAction,
@@ -46,46 +47,52 @@ export const CreateCommunity: FC<CreateCommunityProps> = ({
  }, [networkCreated])
 
  return (
- <View
- style={{ flex: 1, backgroundColor: defaultTheme.palette.background.white }}
- testID={'create-community-component'}
- >
- <KeyboardAvoidingView
- behavior='height'
- style={{
- flex: 1,
- justifyContent: 'center',
- paddingLeft: 20,
- paddingRight: 20,
- }}
- >
- <Typography fontSize={24} fontWeight={'medium'} style={{ marginBottom: 30 }}>
- {'Create a community'}
- </Typography>
- <Input
- onChangeText={onChangeText}
- label={'Add a name for your community'}
- placeholder={'Community name'}
- disabled={loading || !ready}
- validation={inputError}
- ref={inputRef}
- />
- <View style={{ marginTop: 32 }}>
- <TextWithLink
- text={'You can %a instead'}
- links={[
- {
- tag: 'a',
- label: 'join a community',
- action: redirectionAction,
- },
- ]}
- />
+ <>
+ {ready ? (
+ <View
+ style={{ flex: 1, backgroundColor: defaultTheme.palette.background.white }}
+ testID={'create-community-component'}
+ >
+ <KeyboardAvoidingView
+ behavior='height'
+ style={{
+ flex: 1,
+ justifyContent: 'center',
+ paddingLeft: 20,
+ paddingRight: 20,
+ }}
+ >
+ <Typography fontSize={24} fontWeight={'medium'} style={{ marginBottom: 30 }}>
+ {'Create a community'}
+ </Typography>
+ <Input
+ onChangeText={onChangeText}
+ label={'Add a name for your community'}
+ placeholder={'Community name'}
+ disabled={loading}
+ validation={inputError}
+ ref={inputRef}
+ />
+ <View style={{ marginTop: 32 }}>
+ <TextWithLink
+ text={'You can %a instead'}
+ links={[
+ {
+ tag: 'a',
+ label: 'join a community',
+ action: redirectionAction,
+ },
+ ]}
+ />
+ </View>
+ <View style={{ marginTop: 32 }}>
+ <Button onPress={onPress} title={'Continue'} loading={loading} />
+ </View>
+ </KeyboardAvoidingView>
  </View>
- <View style={{ marginTop: 32 }}>
- <Button onPress={onPress} title={'Continue'} loading={loading} />
- </View>
- </KeyboardAvoidingView>
- </View>
+ ) : (
+ <Loading />
+ )}
+ </>
  )
 }