keannu125/Reactnative-notesapp
1
0
Fork 0
mirror of https://github.com/lemeow125/Reactnative-notesapp.git synced 2024-11-17 06:29:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added registration functionality

Browse source
This commit is contained in:
keannu125 2023-04-16 13:52:19 +08:00
parent c3fe00f8f5
commit b1c26ba992
1 changed files with 57 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/Routes/Register/Register.tsx
View file

@ -1,15 +1,17 @@
import * as React from 'react';
import {View, Text, TextInput} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
import { SafeAreaView } from 'react-native-safe-area-context';
import * as React from "react";
import { View, Text, TextInput } from "react-native";
import styles from "../../styles";
import Background from "../../Components/Background/Background";
import { SafeAreaView } from "react-native-safe-area-context";
import { useState } from "react";
import { TouchableOpacity } from "react-native";
import { UserRegister } from "../../Components/Api/Api";
export default function Register() {
const [username, setUsername] = useState("");
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [feedback, setFeedback] = useState("");
return (
<Background>
@ -45,12 +47,26 @@ export default function Register() {
value={password}
/>
</View>
<TouchableOpacity style={styles.registerbtn}>
<TouchableOpacity
onPress={async () => {
setUsername("");
setPassword("");
console.log("heh");
if (await UserRegister({ username, email, password })) {
setFeedback(
"Registration success. Please check your email address for activation"
);
} else {
setFeedback("Invalid credentials specified");
}
}}
style={styles.registerbtn}
>
<Text style={styles.registertext}>REGISTER</Text>
</TouchableOpacity>
<Text style={styles.registertext}>{feedback}</Text>
</View>
</SafeAreaView>
</Background>
);
}