Revize 000ecc2f

adding redux for user state management and testing loading images

package.json

@@ -16 +16 @@
     "native-base": "^3.4.28",
     "react": "18.2.0",
     "react-native": "0.71.4",
+    "react-native-deck-swiper": "^2.0.13",
     "react-native-safe-area-context": "4.5.0",
     "react-native-svg": "13.4.0",
     "redux": "^4.2.1",

src/pages/LoginPage.tsx

@@ -4 +4 @@
 let text: number = 199
 const fakeLogin = async () => {
     text = 101
-    console.log("zmacknuto")
     axiosInstance.post(
         '/api/login/',
         {"username": "viktorie", "password": "Golem123."}

src/pages/ScrollViewTest.tsx

@@ -1 @@
-import { Center, Box, Heading, VStack, FormControl, Link, Input, Button, HStack, Text, ScrollView } from "native-base"
+import {
+    Center,
+    Box,
+    Heading,
+    VStack,
+    FormControl,
+    Link,
+    Input,
+    Button,
+    HStack,
+    Text,
+    ScrollView,
+    Image
+} from "native-base"
 import { axiosInstance } from "../api/api"
 
 
 
 const ScrollViewTest = () => {
-    const colors = ["red.200", "orange.200", "yellow.200", "green.200", "teal.200", "blue.200", "cyan.200", "purple.200", "pink.200"]
+    const images = ["VieB-7.jpg", "VieB-10.jpg", "VieB-11.jpg", "VieB-14.jpg", "VieB-15.jpg"]
 
     return (
         <ScrollView>
@@ -57 +70 @@
                     </VStack>
                 </Box>
                 <ScrollView horizontal={true}>
-                    {colors.map((color, index) => (
-                        <Box
-                            key={index}
-                            bg={color}
-                            w="150"
-                            h="150"
-                            marginX={5}
-                        >
-                        </Box>
+                    {images.map((name, index) => (
+                        <Image
+                            source={{uri: "http://147.228.173.159/static/images/"+name}}
+                            w={150}
+                            h={150}
+                            marginX={2}
+                            alt={name}
+                        />
                     ))}
                 </ScrollView>
+
             </Center>
         </ScrollView>
     )

src/stores/actions/userThunks.ts

@@ -12 +12 @@
             }
         )
         if (response.status === 200) {
-            return response.data
+            return {
+                username: payload.username,
+                role: response.data.role
+            }
         } else {
             return Promise.reject(response.data ? response.data : "Login failed")
         }