Untitled

{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}