Commit c69a1c66 authored by Lorenzo Trujillo Rojas's avatar Lorenzo Trujillo Rojas
Browse files

Se actualizó la forma en que se muestra la información de una actividad

parent cb5ceb36

mobile/src/components/activity_bottom_sheet/activity_bottom_sheet.tsx

+44 −32
Original line number Diff line number Diff line
@@ -38,19 +38,23 @@ export const ActivityBottomSheet = ({ 
      onChange={onSnapPointChange}

      snapPoints={snapPoints}

    >

      <BottomSheetScrollView style={{ height: "100%", padding: 10 }} scrollToOverflowEnabled nestedScrollEnabled>

      <BottomSheetScrollView

        style={{ height: "100%", padding: 10 }}

        scrollToOverflowEnabled

        nestedScrollEnabled

      >

        <View style={styles.activity_name_container}>

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

        <TouchableOpacity onPress={

          () => {

            router.push('/scan')

          <TouchableOpacity

            onPress={() => {

              router.push("/scan");

            }}

          style={styles.do_activity_button}>

            style={styles.do_activity_button}

          >

            <Text style={styles.do_activity_text}>Do Activity</Text>

          </TouchableOpacity>

        </View>

        {

            activity.tags && (

        {activity.tags && (

          <BottomSheetFlatList

            style={{ marginTop: 20, paddingVertical: 10 }}

            horizontal
@@ -59,13 +63,20 @@ export const ActivityBottomSheet = ({ 
            keyExtractor={(item) => item}

            ItemSeparatorComponent={() => <View style={{ width: 10 }} />}

            renderItem={({ item }) => (

                        <View style={{height: 40, borderRadius: 15, backgroundColor: 'violet', paddingHorizontal: 10, justifyContent: 'center'}}>

              <View

                style={{

                  height: 40,

                  borderRadius: 15,

                  backgroundColor: "violet",

                  paddingHorizontal: 10,

                  justifyContent: "center",

                }}

              >

                <Text>{item}</Text>

              </View>

            )}

          />

            )

        }

        )}

        <View style={styles.description_container}>

          <Text style={styles.description_text}>Description</Text>

          <Text numberOfLines={!isDescriptionExpanded ? 5 : undefined}>
@@ -92,12 +103,13 @@ const styles = StyleSheet.create({ 
    padding: 20,

  },

  activity_name_container: {

    flexDirection: 'row',

    justifyContent: 'space-between'

    flexDirection: "row",

    justifyContent: "space-between",

  },

  name_text: {

    fontSize: 24,

    fontWeight: "bold",

    width: "70%",

  },

  do_activity_button: {

    height: 40,
@@ -105,9 +117,9 @@ const styles = StyleSheet.create({ 
    backgroundColor: LIGTHT_THEME.color.primary,

    padding: 10,

    borderRadius: 20,

    justifyContent : 'center',

    alignItems: 'center',

    paddingHorizontal: 20

    justifyContent: "center",

    alignItems: "center",

    paddingHorizontal: 20,

  },

  do_activity_text: {

    color: LIGTHT_THEME.color.white,