{this.state.showGenreText?
<View style={{ backgroundColor: 'transparent', marginTop: Scale(5), right: Scale(15), alignItems: 'flex-end',
alignContent: 'flex-end', width: Scale(370) }}>
<View style={{ backgroundColor: 'transparent', flexDirection: 'row', alignItems: 'center', marginVertical: Scale(10) }} >
<TouchableOpacity
testID='follow_unfollow'
onPress={() => this.state.isFollowing ? this._unfollowingGenre(this.state.hashTagId) : this._followingGenre(this.state.hashTagId)}
style={[styles.boxColor, { backgroundColor:
this.state.isFollowing ? 'white' : 'transparent',
borderColor: this.state.isFollowing ? 'transparent' : 'white',
bottom: 0 }]}
>
<Text style={[styles.Textcolor,
{ color: this.state.isFollowing ? 'black' : 'white' }]}>
{this.state.isFollowing ? "Unfollow" : "Follow"}
</Text>
</TouchableOpacity>
<TouchableOpacity testID='Genretxt'
onPress={() => this.handleGenretxt()}>
<Text style={styles.hashtag_text} >#{this.state.hastagName}</Text>
</TouchableOpacity>
</View>
{this.state.showGenreModal ? this.showGenreSearch() : null}
{/* {} */}
</View>
:
null}