<commit_before>import React from 'react'
import { Link } from 'react-router-dom'
var axios = require('axios');

class MovieInstance extends React.Component {
    constructor(props) {
        super(props);
    
        this.state = {
          movie: {}
        };
    }

    componentDidMount() {
        return axios.get("http://marvelus.me/api/movie/" + window.location.href.substring(window.location.href.lastIndexOf("/") + 1) ).then(res=> {
            const movie = res.data;
            console.log(movie);
            this.setState({movie});
        });
    }
    
    render() {
	const actors = this.state.movie.actors || [];
        return (
            <div class="container" styles="margin: auto; margin-top:100px; width: 500px">
                    <div class="panel panel-default" >
                        <div class="panel-heading"> <h1>{this.state.movie.title}</h1> </div>
                        <div class="panel-body">
                            <div class="panel-body"><img src={"http://image.tmdb.org/t/p/w500/" + this.state.movie.poster_path} class="img-responsive" class="img-responsive" styles="width:100%" alt="Image" />
                                <h3>Information</h3>
                <ul>
		                    <li><b>Title:</b> {this.state.movie.title}</li>
                                    <li><b>Release Date:</b> {this.state.movie.release_date}</li>
                                    <li><b>Overview: </b> {this.state.movie.overview}</li>
		<li><b>Certificate: </b> {this.state.movie.adult}</li>
		<li><b>Original Language: </b> {this.state.movie.lang}</li>
                                    <li><b>Runtime:</b> {this.state.movie.runtime} minutes</li>
                                    <li><b>Rating:</b> {this.state.movie.rating}/10</li>
                                    <li><b>Main Characters:</b>
                                        <ul>
                <li>{this.state.movie.title}</li>
                                        </ul>
                                    </li>
                                    <li><b>Cast:</b> 
                <ul>
                {actors.map(function(actor) {

                    const actor_id = actor["id"];
		    JSON.stringify(actor_id);
		    const actor_url = "http://marvelus.me/actor/" + actor_id;
		    return (<li key={actor.name}><a href={actor_url}>{actor.name}</a></li>)
		})}
                                        </ul>
                                    </li>
                                </ul>  
                            </div>
                        </div>
                    </div>
        </div>

        );

    }
}


export default MovieInstance
<commit_msg>added corrected linking<commit_after>import React from 'react'
import { Link } from 'react-router-dom'
var axios = require('axios');

class MovieInstance extends React.Component {
    constructor(props) {
        super(props);
    
        this.state = {
          movie: {}
        };
    }

    componentDidMount() {
        return axios.get("http://marvelus.me/api/movie/" + window.location.href.substring(window.location.href.lastIndexOf("/") + 1) ).then(res=> {
            const movie = res.data;
            console.log(movie);
            this.setState({movie});
        });
    }
    
    render() {
	const actors = this.state.movie.actors || [];
	const characters = this.state.movie.characters || [];
        return (
            <div class="container" styles="margin: auto; margin-top:100px; width: 500px">
                    <div class="panel panel-default" >
                        <div class="panel-heading"> <h1>{this.state.movie.title}</h1> </div>
                        <div class="panel-body">
                            <div class="panel-body"><img src={"http://image.tmdb.org/t/p/w500/" + this.state.movie.poster_path} class="img-responsive" class="img-responsive" styles="width:100%" alt="Image" />
                                <h3>Information</h3>
                <ul>
		                    <li><b>Title:</b> {this.state.movie.title}</li>
                                    <li><b>Release Date:</b> {this.state.movie.release_date}</li>
                                    <li><b>Overview: </b> {this.state.movie.overview}</li>
		<li><b>Certificate: </b> {this.state.movie.adult}</li>
		<li><b>Original Language: </b> {this.state.movie.lang}</li>
                                    <li><b>Runtime:</b> {this.state.movie.runtime} minutes</li>
                                    <li><b>Rating:</b> {this.state.movie.rating}/10</li>
                                    <li><b>Main Characters:</b>
                <ul>

	        


	    
                <li>{this.state.movie.title}</li>
                                        </ul>
                                    </li>
                                    <li><b>Cast:</b> 
                <ul>
                {actors.map(function(actor) {

		    return (<li key={actor.name}><Link to={`/actor/${actor.id}`}>{actor.name}</Link></li>)
		})}
                                        </ul>
                                    </li>
                                </ul>  
                            </div>
                        </div>
                    </div>
        </div>

        );

    }
}


export default MovieInstance

{'fraction_non_alphanumeric': 0.1578847969782814, 'fraction_numerical': 0.007176581680830973, 'mean_word_length': 1.2536170212765958, 'pattern_counts': {'":': 0, '<': 129, '<?xml version=': 0, '>': 131, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 21, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4585494', 'n_tokens_mistral': 1575, 'n_tokens_neox': 1428, 'n_words': 221}