<commit_before>import React, { Component } from 'react';
import FacebookLogin from 'react-facebook-login';

export default class Show extends Component {

	constructor(props) {
		super(props);
		this.state = {
			body: null,
		};
	}
	componentDidMount() {
		console.log("componentDidMount");
	}

	responseFacebook(response){
    console.log("responseFacebook");
    if(response){
      $.ajax({
        url: "/get",
        dataType: 'json',
        type: 'POST',
        data: data,
        success: function(data) {
          console.log("get success");
          this.setState({body: data})
        },
        error: function(xhr, status, err) {
          console.error(this.props.url, status, err.toString());
        }.bind(this)
      });
    }
	}

	componentWillUnmount() {
		console.log("componentWillUnmount");
	}
	render(){
		return(
			<div className="bgimage">
			<div className="container">
			<div className="lined-paper">
      <p>{this.state.body}</p>
      </div>
      </div>
			</div>
		)
	}
}<commit_msg>make view for show isyo<commit_after>import React, { Component } from 'react';
import FacebookLogin from 'react-facebook-login';

export default class Show extends Component {

	constructor(props) {
		super(props);
		this.state = {
			body: null,
		};

    console.log("show.js constructor");
    console.log(this.props.location.query);

	}
	componentDidMount() {
		console.log("show.js componentDidMount");

    var that = this;

      $.ajax({
        url: '/api/isyos?filter={"where":{"hash":"' + this.props.location.query.id + '"}}',      
        type: 'GET',
        success: function(res) {
          console.log("get api success",res);
          // this.setState({data: data})

          var message = "<p>" + res[0].body.replace("\n","</p><p>") + "</p>";
          that.setState({isLoading: false,message:message});

          // TODO 確認画面表示
          // window.location.href = '/#/show';
        },
      }).fail((responseData) => {
        if (responseData.responseCode) {
          console.error(responseData.responseCode);
        }
      });
	}

	componentWillUnmount() {
		console.log("show.js componentWillUnmount");
	}
	render(){
    console.log("render");
    console.dir(this.props);
		return(
			<div className="bgimage">
			<div className="container">
      <div className="lined-paper" dangerouslySetInnerHTML={{ __html: this.state.message}}>
      </div>
      </div>
			</div>
		)
	}
}
{'fraction_non_alphanumeric': 0.17016029593094945, 'fraction_numerical': 0.0004110152075626798, 'mean_word_length': 2.6328358208955223, 'pattern_counts': {'":': 2, '<': 21, '<?xml version=': 0, '>': 22, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6111508', 'n_tokens_mistral': 801, 'n_tokens_neox': 759, 'n_words': 142}