Commit 8bbca92b authored by Lorenzo Trujillo Rojas's avatar Lorenzo Trujillo Rojas
Browse files

Se agregaron las categorías a la tarjeta de una actividad

parent b4ba9495

mobile/src/components/activity_tile/activity_tile.tsx

+16 −1
Original line number Diff line number Diff line 
import { View, Text, StyleSheet, Image, TouchableOpacity } from "react-native";

import { ActivityInfoEntity } from "../../domain/entities/activity_info_entity";

import { LIGHT_THEME } from "../../common/constants/theme";

import { ScrollView } from "react-native-gesture-handler";



interface ActivityTileProps {

  activity: ActivityInfoEntity;
@@ -21,6 +22,11 @@ export const ActivityTile = ({ activity, onPress }: ActivityTileProps) => { 
      <View style={styles.info_container}>

        <Text style={styles.activity_name} >{activity.name}</Text>

        <Text>{activity.location}</Text>

        <ScrollView horizontal>

          {

            activity.tags?.map(tag => <Text key={tag} style={styles.tag}>{tag}</Text>)

          }

        </ScrollView>

      </View>

    </TouchableOpacity>

  );
@@ -28,7 +34,7 @@ export const ActivityTile = ({ activity, onPress }: ActivityTileProps) => { 


const styles = StyleSheet.create({

  container: {

    height: 300,

    height: 320,

    width: "100%",

    backgroundColor: LIGHT_THEME.color.white,

    elevation: 5,
@@ -44,4 +50,13 @@ const styles = StyleSheet.create({ 
    fontSize: 18,

    fontWeight: "bold",

  },

  tag: {

    backgroundColor: LIGHT_THEME.color.primary,

    color: LIGHT_THEME.color.white,

    height: 30,

    paddingVertical: 5,

    paddingHorizontal: 10,

    borderRadius: 15,

    marginHorizontal: 5,

  },

});