ordering-ui-react-native 0.13.5 → 0.13.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react'
|
|
2
2
|
import { TouchableOpacity, View, StyleSheet } from 'react-native'
|
|
3
|
-
import { LanguageSelector as LanguageSelectorController
|
|
3
|
+
import { LanguageSelector as LanguageSelectorController } from 'ordering-components/native'
|
|
4
4
|
import CountryPicker, { Flag } from 'react-native-country-picker-modal'
|
|
5
5
|
|
|
6
6
|
import { Container, LanguageItem } from './styles'
|
|
@@ -17,9 +17,7 @@ const LanguageSelectorUI = (props: LanguageSelectorParams) => {
|
|
|
17
17
|
handleChangeLanguage,
|
|
18
18
|
} = props
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
const [{loading}] = useLanguage()
|
|
22
|
-
const [isLoading, setIsLoading] = useState(true)
|
|
20
|
+
const theme = useTheme()
|
|
23
21
|
const styles = StyleSheet.create({
|
|
24
22
|
closeIcon: {
|
|
25
23
|
width: 48, marginLeft: 32
|
|
@@ -28,15 +26,6 @@ const LanguageSelectorUI = (props: LanguageSelectorParams) => {
|
|
|
28
26
|
marginLeft: 40
|
|
29
27
|
}
|
|
30
28
|
})
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
if (!isLoading) return
|
|
33
|
-
const loadingLanguage = setTimeout(() =>{
|
|
34
|
-
setIsLoading(false)
|
|
35
|
-
}, 1000);
|
|
36
|
-
return () => {
|
|
37
|
-
clearTimeout(loadingLanguage);
|
|
38
|
-
}
|
|
39
|
-
}, [])
|
|
40
29
|
|
|
41
30
|
const _languages = languagesState?.languages?.map((language: any) => {
|
|
42
31
|
return {
|
|
@@ -59,7 +48,7 @@ const LanguageSelectorUI = (props: LanguageSelectorParams) => {
|
|
|
59
48
|
|
|
60
49
|
return (
|
|
61
50
|
<>
|
|
62
|
-
{
|
|
51
|
+
{ languagesState.loading ?
|
|
63
52
|
(<Container>
|
|
64
53
|
<Placeholder style={{ width: 130, paddingTop: 10 }} Animation={Fade}>
|
|
65
54
|
<PlaceholderLine height={15}/>
|
|
@@ -78,7 +67,7 @@ const LanguageSelectorUI = (props: LanguageSelectorParams) => {
|
|
|
78
67
|
renderFlagButton={() => (
|
|
79
68
|
<TouchableOpacity
|
|
80
69
|
onPress={() => setCountryModalVisible(true)}
|
|
81
|
-
disabled={loading}
|
|
70
|
+
disabled={languagesState.loading}
|
|
82
71
|
>
|
|
83
72
|
<LanguageItem>
|
|
84
73
|
<Flag
|
|
@@ -102,7 +91,7 @@ const LanguageSelectorUI = (props: LanguageSelectorParams) => {
|
|
|
102
91
|
handleChangeLanguage(item.value);
|
|
103
92
|
setCountryModalVisible(false);
|
|
104
93
|
}}
|
|
105
|
-
disabled={loading}
|
|
94
|
+
disabled={languagesState.loading}
|
|
106
95
|
>
|
|
107
96
|
<LanguageItem>
|
|
108
97
|
<View style={styles.flagsContainer} />
|