<commit_before>import React, { Component } from 'react';
import PlaylistCarousel from '../PlaylistCarousel';

class PlaylistsPanel extends Component {
  state = {
    addPlaylistModalShown: false
  }

  renderPlaylists() {
    const { playlists, playlistType, userId } = this.props;
    return playlists.map((playlist, index) => {
      const editable = userId == playlist.uploaderId ? true : false;
      return (
        <PlaylistCarousel
          key={index}
          arrayNumber={index}
          {...playlist}
          editable={editable}
          editPlaylistTitle={this.props.editPlaylistTitleAsync}
          resetPlaylistState={this.props.resetPlaylistState}
          deletePlaylist={this.props.deletePlaylistAsync}
          openChangePlaylistVideosModal={this.props.openChangePlaylistVideosModalAsync}
          openReorderPlaylistVideosModal={this.props.openReorderPlaylistVideosModal}
        />
      )
    })
  }

  renderButtonGroup() {
    const buttonGroup = this.props.buttonGroup.bind(this);
    return buttonGroup();
  }

  onButtonOneClick() {
    const action = this.props.onButtonOneClick.bind(this);
    action();
  }

  onModalHide() {
    this.setState({addPlaylistModalShown:false})
  }<commit_msg>fixed load more button issue<commit_after>import React, { Component } from 'react';
import PlaylistCarousel from '../PlaylistCarousel';

class PlaylistsPanel extends Component {
  state = {
    addPlaylistModalShown: false
  }

  renderPlaylists() {
    const { playlists, playlistType, userId } = this.props;
    return playlists.map((playlist, index) => {
      const editable = userId == playlist.uploaderId ? true : false;
      return (
        <PlaylistCarousel
          key={index}
          arrayNumber={index}
          {...playlist}
          editable={editable}
          editPlaylistTitle={this.props.editPlaylistTitleAsync}
          resetPlaylistModalState={this.props.resetPlaylistModalState}
          deletePlaylist={this.props.deletePlaylistAsync}
          openChangePlaylistVideosModal={this.props.openChangePlaylistVideosModalAsync}
          openReorderPlaylistVideosModal={this.props.openReorderPlaylistVideosModal}
        />
      )
    })
  }

  renderButtonGroup() {
    const buttonGroup = this.props.buttonGroup.bind(this);
    return buttonGroup();
  }

  onButtonOneClick() {
    const action = this.props.onButtonOneClick.bind(this);
    action();
  }

  onModalHide() {
    this.setState({addPlaylistModalShown:false})
  }
{'fraction_non_alphanumeric': 0.10454362685967028, 'fraction_numerical': 0.0, 'mean_word_length': 3.1815126050420166, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3311757', 'n_tokens_mistral': 731, 'n_tokens_neox': 719, 'n_words': 114}