99 lines
3.3 KiB
TypeScript
99 lines
3.3 KiB
TypeScript
import Styles from "@/constants/Styles"
|
|
import { apiCheckPhoneLogin, apiSendOtp } from "@/lib/api"
|
|
import AsyncStorage from "@react-native-async-storage/async-storage"
|
|
import { useState } from "react"
|
|
import { Button, Image, Text, ToastAndroid, View } from "react-native"
|
|
import { ButtonForm } from "../buttonForm"
|
|
import { InputForm } from "../inputForm"
|
|
import ModalLoading from "../modalLoading"
|
|
import * as ImagePicker from 'expo-image-picker';
|
|
|
|
|
|
type Props = {
|
|
onValidate: ({ phone, otp }: { phone: string, otp: number }) => void
|
|
}
|
|
|
|
async function handleUpload() {
|
|
console.log('handleUpload')
|
|
const result = await ImagePicker.launchImageLibraryAsync({
|
|
mediaTypes: ImagePicker.MediaTypeOptions.Images,
|
|
allowsEditing: false,
|
|
aspect: [4, 3],
|
|
quality: 1,
|
|
});
|
|
|
|
const formData = new FormData()
|
|
formData.append('file', {
|
|
uri: result.assets![0].uri,
|
|
type: "image/jpeg",
|
|
name: "bip.png",
|
|
} as any)
|
|
|
|
const res = await fetch("https://amal.wibudev.com/api/v2/test", {
|
|
method: "POST",
|
|
body: formData,
|
|
});
|
|
console.log(await res.json())
|
|
}
|
|
|
|
export default function ViewLogin({ onValidate }: Props) {
|
|
const [loadingLogin, setLoadingLogin] = useState(false)
|
|
const [disableLogin, setDisableLogin] = useState(true)
|
|
const [phone, setPhone] = useState('')
|
|
|
|
const handleCheckPhone = async () => {
|
|
try {
|
|
setLoadingLogin(true)
|
|
const response = await apiCheckPhoneLogin({ phone: `62${phone}` });
|
|
if (response.success) {
|
|
const otp = Math.floor(1000 + Math.random() * 9000)
|
|
const responseOtp = await apiSendOtp({ phone: `62${phone}`, otp })
|
|
if (responseOtp == 200) {
|
|
// localStorage.setItem('user', response.id)
|
|
await AsyncStorage.setItem('user', response.id);
|
|
return onValidate({ phone: `62${phone}`, otp })
|
|
}
|
|
}
|
|
return ToastAndroid.show(response.message, ToastAndroid.SHORT)
|
|
} catch (error) {
|
|
console.error('Error fetching data:', error);
|
|
return ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
|
|
} finally {
|
|
setLoadingLogin(false)
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<View style={Styles.wrapLogin} >
|
|
<Button title="Upload" onPress={handleUpload} />
|
|
<View style={{ alignItems: "center", marginVertical: 50 }}>
|
|
<Image
|
|
source={require("../../assets/images/splash-icon.png")}
|
|
style={{ width: 130, height: 130 }}
|
|
/>
|
|
<Text style={[Styles.textSubtitle]}>PERBEKEL DARMASABA</Text>
|
|
</View>
|
|
<InputForm
|
|
onChange={(val) => {
|
|
val == "" ? setDisableLogin(true) : setDisableLogin(false)
|
|
setPhone(val)
|
|
}}
|
|
type="numeric"
|
|
placeholder="XXX-XXX-XXXX"
|
|
round
|
|
itemLeft={<Text>+62</Text>}
|
|
info="Kami akan mengirim kode verifikasi melalui WhatsApp, guna mengonfirmasikan nomor Anda." />
|
|
<ButtonForm
|
|
text="MASUK"
|
|
onPress={() => { handleCheckPhone() }}
|
|
disabled={disableLogin}
|
|
/>
|
|
</View>
|
|
{
|
|
loadingLogin && <ModalLoading isVisible={true} setVisible={setLoadingLogin} />
|
|
}
|
|
</>
|
|
|
|
)
|
|
} |