niku/pvern
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added login error messages

Browse Source
This commit is contained in:
niku 2023-06-10 20:33:56 +02:00
parent b2a48861e7
commit fd46581543
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/login/index.tsx
View File

@ -15,6 +15,7 @@ import {
DEFAUL_PVE_USER,
DEFAUL_PVE_PASSWORD,
} from "react-native-dotenv";
import { AxiosError } from "axios";
interface FormFieldProps extends TextInputProps {
label: string;
@ -49,13 +50,26 @@ export default function Login() {
const [domain, setDomain] = useState(DEFAUL_PVE_URL ?? "");
const [username, setUsername] = useState(DEFAUL_PVE_USER ?? "");
const [password, setPassword] = useState(DEFAUL_PVE_PASSWORD ?? "");
const [error, setError] = useState("");
const authStore = useAuthStore();
const ticketMut = useTicketMut({
onSuccess: ({ data: ticketData }) => {
console.log({ ticketData });
authStore.update({ domain, username, ticketData });
},
onError: (error: AxiosError) => {
console.log(error);
switch (error.code) {
case "ERR_BAD_REQUEST":
setError("Invalid username or password");
return;
case "ERR_NETWORK":
setError("Failed to connect to server");
return;
default:
setError("Something unexpected happened");
}
},
});
return (
@ -105,6 +119,7 @@ export default function Login() {
>
<Text style={tw.style("text-white font-semibold py-3")}>Sign In</Text>
</TouchableHighlight>
<Text style={tw.style("text-center mt-2 font-semibold")}>{error}</Text>
</SafeAreaView>
</View>
);