Untitled
unknown
plain_text
2 months ago
6.7 kB
1
Indexable
Never
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> ) }