Untitled

trendingModal = () => {
    return(
      <Modal
          testID="modal"
          animationType={'none'}
          transparent={true}
          visible={this.state.showTrendingFilter}
          onRequestClose={() => this.setState({showTrendingFilter:false}) }
          onDismiss={() => this.setState({showTrendingFilter:false})}
        >
          <TouchableWithoutFeedback testID="handleTrending"
          
          // onPress={this.props?.handleTrending}
          onPress={()=> console.log('onPressTrending')}
          
          >
            <View style={{
              flex: 1,              justifyContent: 'flex-end'
            }}>
              <View style={{
                borderTopLeftRadius: Scale(30),
                borderTopRightRadius: Scale(30),
                backgroundColor: Apptheme.getbottomTabBgcolor()

              }}>
                <View style={{
                    marginBottom: Scale(50)

                }}>
                  <View
                    style={{
                      marginTop: '5%',
                      flex: 0.1,
                      alignItems: 'center',
                      justifyContent: 'center',
                    }}
                  >
                    <SvgXml xml={Rectangle} />
                  </View>
                  <View style={{ marginLeft: Scale(35), marginTop: Scale(30) }}>

                    <Text style={[{
                      fontSize: Scale(22),
                      fontFamily: FONTS.RobotoCondensedBold,
                    }, { color: Apptheme.getsongTextColor() }]}>Time</Text>

                  </View>

                  <View style={{ flexDirection: 'row', marginTop: Scale(5), marginHorizontal: Scale(30) }}>
                    <View style={{ marginLeft: Scale(10), }}>
                      <TouchableOpacity testID="Today_image" onPress={() => this.handleFilter('today')}>
                        <FastImage source={this.state.filterType === 'today' ? Close_Round : Open_Round} style={{
                             height: Scale(25),
                             width: Scale(25),
                             right: Scale(5)
                        }} />
                      </TouchableOpacity>
                    </View>
                    <TouchableOpacity testID="Today_txt" onPress={() => this.handleFilter('today')}>
                      <Text style={[{ fontSize: Scale(18),
      fontFamily: FONTS.RobotoCondensedRegular,
      marginLeft: Scale(5),
      marginTop: Scale(2)}, { color: this.state.filterType === 'today' ? Apptheme.getartistTextColor() : Apptheme.getsongTextColor() }]}>
                        Today
                      </Text>
                    </TouchableOpacity>
                  </View>


                  <View style={{ flexDirection: 'row', marginTop: Scale(5), marginHorizontal: Scale(30) }}>
                    <View style={{ marginLeft: Scale(10), }}>
                      <TouchableOpacity testID="this_week_image" onPress={() => this.handleFilter('this_week')}>
                        <FastImage source={this.state.filterType === 'this_week' ? Close_Round : Open_Round} style={{
                             height: Scale(25),
                             width: Scale(25),
                             right: Scale(5)
                        }} />
                      </TouchableOpacity>
                    </View>
                    <TouchableOpacity testID="this_week_txt" onPress={() => this.handleFilter('this_week')}>
                      <Text style={[{
                         fontSize: Scale(18),
                         fontFamily: FONTS.RobotoCondensedRegular,
                         marginLeft: Scale(5),
                         marginTop: Scale(2)
                      }, { color: this.state.filterType === 'this_week' ? Apptheme.getartistTextColor() : Apptheme.getsongTextColor() }]}>
                        This Week
                      </Text>
                    </TouchableOpacity>
                  </View>


                  <View style={{ flexDirection: 'row', marginTop: Scale(5), marginHorizontal: Scale(30) }}>
                    <View style={{ marginLeft: Scale(10), }}>
                      <TouchableOpacity testID="this_month_image" onPress={() => this.handleFilter('this_month')}>
                        <FastImage source={this.state.filterType === 'this_month' ? Close_Round : Open_Round} style={{
                             height: Scale(25),
                             width: Scale(25),
                             right: Scale(5)
                        }} />
                      </TouchableOpacity>
                    </View>
                    <TouchableOpacity testID="this_month_txt" onPress={() => this.handleFilter('this_month')}>
                      <Text style={[{
                         fontSize: Scale(18),
                         fontFamily: FONTS.RobotoCondensedRegular,
                         marginLeft: Scale(5),
                         marginTop: Scale(2)
                      }, { color: this.state.filterType === 'this_month' ? Apptheme.getartistTextColor() : Apptheme.getsongTextColor() }]}>
                        This Month
                      </Text>
                    </TouchableOpacity>
                  </View>


                  <View style={{ flexDirection: 'row', marginTop: Scale(5), marginHorizontal: Scale(30) }}>
                    <View style={{ marginLeft: Scale(10), }}>
                      <TouchableOpacity testID="this_year_image" onPress={() => this.handleFilter('this_year')}>
                        <FastImage source={this.state.filterType === 'this_year' ? Close_Round : Open_Round} style={{
                             height: Scale(25),
                             width: Scale(25),
                             right: Scale(5)
                        }} />
                      </TouchableOpacity>
                    </View>
                    <TouchableOpacity testID="this_year_txt" onPress={() => this.handleFilter('this_year')}>
                      <Text style={[{
                         fontSize: Scale(18),
                         fontFamily: FONTS.RobotoCondensedRegular,
                         marginLeft: Scale(5),
                         marginTop: Scale(2)
                      }, { color: this.state.filterType === 'this_year' ? Apptheme.getartistTextColor() : Apptheme.getsongTextColor() }]}>
                        This Year
                      </Text>
                    </TouchableOpacity>
                  </View>

                </View>

              </View>
            </View>
          </TouchableWithoutFeedback>
        </Modal>
    )
  }