{"size": 855, "ext": "js", "max_stars_repo_path": "src/components/likedLIstPage.js", "max_stars_repo_name": "WeihangMeng/MovieList-React", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/likedLIstPage.js", "max_issues_repo_name": "WeihangMeng/MovieList-React", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/likedLIstPage.js", "max_forks_repo_name": "WeihangMeng/MovieList-React", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.5806451613, "max_line_length": 57, "alphanum_fraction": 0.6035087719}
import React from "react";
import {useEffect, useState} from "react";
import { Link, withRouter } from "react-router-dom";
import CardContainer from "./container";
const LikedListPage = (props) => {
  
  
  const likedListCard = props.likedList.map((movie) => {
      return {title: movie.original_title,
                  poster: movie.poster_path,
                  rate: movie.vote_average,
                  id: movie.id}
    });
 
  return !props.isLogging ? (
    <h1> Plz log in first</h1>
  ) : (
    // <div>this is liked page</div>
    <CardContainer
      isLogging={props.isLogging}
      movieCard={likedListCard}
      likedList={likedListCard}
      clickTitle={props.clickTitle}
      clickLike={props.clickLike}
      pageDisplay={props.pageDisplay}
    />
  );
};

export default withRouter(LikedListPage);
