diff --git a/client/app/components/FetchRequested.jsx b/client/app/components/FetchRequested.jsx index 568a526..d565bd7 100644 --- a/client/app/components/FetchRequested.jsx +++ b/client/app/components/FetchRequested.jsx @@ -31,9 +31,14 @@ class RequestElement extends React.Component { createHTMLElement(data, index) { var posterPath = 'https://image.tmdb.org/t/p/w300' + data.image_path; - if (data.user_agent !== null) { + if (data.user_agent) { var user_agent = data.user_agent.split(" "); - var agent_shortened = user_agent[1].replace(/[\(\;]/g, '') + + console.log(data.user_agent.substring('Mozilla')) + if (data.user_agent.includes('Mozilla')) + var agent_shortened = user_agent[1].replace(/[\(\;]/g, ''); + else + var agent_shortened = user_agent[0]; } return ( @@ -42,6 +47,7 @@ class RequestElement extends React.Component {
Name: {data.name} Year: {data.year}

+ Type: {data.type}

Status: {data.status}

Address: {data.ip}

Requested Data: {data.requested_date}

diff --git a/client/app/components/MovieObject.jsx b/client/app/components/MovieObject.jsx index e114900..152b004 100644 --- a/client/app/components/MovieObject.jsx +++ b/client/app/components/MovieObject.jsx @@ -35,6 +35,8 @@ class MovieObject { } getElement(index) { + const element_key = index + this.id; + // TODO set the poster image async by updating the dom after this is returned if (this.poster == null || this.poster == undefined) { var posterPath = 'https://openclipart.org/image/2400px/svg_to_png/211479/Simple-Image-Not-Found-Icon.png' @@ -60,7 +62,7 @@ class MovieObject { return ( -
+