Untitled

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';
import Logo from '../components/Logo'
import Header from '../components/Header'
import Button from '../components/Button'
import Paragraph from '../components/Paragraph'
import Background from '../components/Background'
import { useSelector } from 'react-redux';
import { getRandomlyPaymentByOrderFk } from '../api/apiCalls';

export default function ChallengeScreen(props) {
    const payments = props.route.params.payments;
    const order = props.route.params.order;
    const myState = useSelector(state => state)

    console.log("ChallengeScreen'e gelen params:", props.route.params)
    const [selectedPayment, setSelectedPayment] = useState({});

    let isMe;

    useEffect(() => {
        if (selectedPayment.customer == undefined) {
            getRandomlyPaymentByOrderFk(order.orderPk).then(response => {
                console.log("Response.data:", response.data)
                setSelectedPayment(response.data);
            })
        } else {
            isMe = selectedPayment.customer.customerPk === myState.customerPk
        }

    }, [selectedPayment])




    return (

        <Background>
            <Logo />
            <Header>Hesap Kimde?</Header>
            <Text style={{ fontWeight: 'bold', fontSize: 20, marginTop: 15 }}>
                Hesap: {order.orderPrice} TL
            </Text>




            (selectedPayment.customer != undefined) ?
            {
                isMe ?
                    <View>
                        <Text>Sen Ödüyorsun</Text>
                        <Button mode="contained" onPress={() => { }}>
                            Pay Now
                        </Button>
                    </View>

                    :

                    <View>
                        <Text>Seçilen Kişi: {selectedPayment.customer.user.userFirstName} {selectedPayment.customer.user.userLastName}</Text>
                    </View>
            } : {

            }









        </Background >
    );
}