You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.7 KiB
53 lines
1.7 KiB
import { useDispatch } from "react-redux";
|
|
import { Card } from "../models/Card";
|
|
import { setFavList } from "../redux/actions/action_setFavList";
|
|
import { ImageBackground, TouchableHighlight, View } from "react-native";
|
|
import React, { useEffect } from "react";
|
|
import {CardProps} from "../props/favprops"
|
|
import { FontAwesome } from '@expo/vector-icons';
|
|
import { StyleSheet} from 'react-native';
|
|
|
|
export default function Item(props: CardProps){ // a mettre dans components et definir une props pour passer le param
|
|
|
|
const {route} = props;
|
|
const item: Card = route.card;
|
|
const bool: boolean = route.bool;
|
|
const dispatch = useDispatch()
|
|
|
|
const HandleAddFav = (props : CardProps) => {
|
|
console.log("add new card")
|
|
dispatch(setFavList(props));
|
|
}
|
|
return(
|
|
|
|
/* dispatch , */
|
|
<View style={styles.item}>
|
|
<ImageBackground testID="card-url" source={{uri:item.img}} style={{flex:1, minHeight:250, minWidth:180}}>
|
|
<TouchableHighlight testID="button" style={item.fav?styles.favoriteButtonFav:styles.favoriteButtonNonFav} onPress={() => HandleAddFav(props)} >
|
|
<FontAwesome name="heart-o" size={50} color="#fff" />
|
|
</TouchableHighlight>
|
|
</ImageBackground>
|
|
|
|
</View>
|
|
);
|
|
}
|
|
const styles = StyleSheet.create({
|
|
item: {
|
|
|
|
},
|
|
favoriteButtonNonFav: {
|
|
position: 'absolute',
|
|
top: 10,
|
|
right: 10,
|
|
backgroundColor: 'red',
|
|
borderRadius: 50,
|
|
padding: 10,
|
|
},
|
|
favoriteButtonFav: {
|
|
position: 'absolute',
|
|
top: 10,
|
|
right: 10,
|
|
backgroundColor: 'red',
|
|
borderRadius: 50,
|
|
padding: 10,
|
|
},}); |