Revize 5ed9692c

#re 10171
Demo of application login with redux, axios and nativeBase. Tested

src/pages/LoginPage.tsx

@@ -1 +1 @@
 import { Center, Box, Heading, VStack, FormControl, Link, Input, Button, HStack, Text } from "native-base"
-import { axiosInstance } from "../api/api"
+import { useState } from "react"
+import { useDispatch, useSelector } from "react-redux"
+import { login } from "../stores/actions/userThunks"
+import { AppDispatch, RootState } from "../stores/store"
 
-let text: number = 199
-const fakeLogin = async () => {
-    text = 101
-    axiosInstance.post(
-        '/api/login/',
-        {"username": "viktorie", "password": "Golem123."}
-    ).then((response) => {
-        text = response.status
-        console.log(response)
-    })
-}
 
-const fakeRequest = async () => {
-    text = 101
-    console.log("request")
-    axiosInstance.get(
-        '/api/users'
-    ).then((response) => {
-        text = response.status
-        console.log(response)
-    })
-}
 const LoginPage = () => {
+    const [username, setUsername] = useState("")
+    const [password, setPassword] = useState("")
+    const status = useSelector((state: RootState) => state.user.loggedIn)
+
+    const dispatch = useDispatch<AppDispatch>()
+
+    const loginUser = () => {
+        dispatch(login({ username, password }))
+        //TODO - add error handling
+        //TODO add redirect to home page
+    }
+
     return (
         <Center w="100%">
             <Box safeArea p="2" py="8" w="90%" maxW="290">
@@ -40 +34 @@
 
                 <VStack space={3} mt="5">
                     <FormControl>
-                        <FormControl.Label>Email ID</FormControl.Label>
-                        <Input />
+                        <FormControl.Label>Username</FormControl.Label>
+                        <Input
+                            // value={username}
+                            onChangeText={(username) => setUsername(username)}
+                        />
                     </FormControl>
                     <FormControl>
                         <FormControl.Label>Password</FormControl.Label>
-                        <Input type="password" />
+                        <Input type="password"
+                            // value={password}
+                            onChangeText={(password) => setPassword(password)}
+                        />
                         <Link _text={{
                             fontSize: "xs",
                             fontWeight: "500",
@@ -54 +54 @@
                             Forget Password?
                         </Link>
                     </FormControl>
-                    <Button mt="2" colorScheme="indigo">
+                    <Button
+                        mt="2"
+                        colorScheme="indigo"
+                        onPress={() => loginUser()}
+                    >
                         Sign in
                     </Button>
                     <HStack mt="6" justifyContent="center">