Merge pull request #860 from petio-team/ui-card-render-hotfix

fix(web): Catch TV card not render issue

Author: AshDyson

README.md

@@ -1,4 +1,4 @@
-# Petio 0.5.5
+# Petio 0.5.6
 
 <p align="center">
   <img src="https://img.shields.io/github/package-json/v/petio-team/petio/master?label=Latest">
@@ -25,6 +25,7 @@ This application can be installed to run in docker or as a standalone binary tha
 
 Binary (executable file) guides
 **note:** this method requires a local mongodb instance to be installed
+
 <ul>
 <li><a target="_blank" href="https://docs.petio.tv/install-guides/windows">Windows</a> </li>
 <li><a target="_blank" href="https://docs.petio.tv/install-guides/linux">Linux</a> </li>

admin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "petio-admin",
-  "version": "0.5.5-alpha",
+  "version": "0.5.6-alpha",
   "private": true,
   "homepage": ".",
   "dependencies": {

api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "petio-rest",
-  "version": "0.5.5-alpha",
+  "version": "0.5.6-alpha",
   "description": "Rest Api for Petio",
   "main": "index.js",
   "scripts": {

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "petio",
-  "version": "0.5.5-alpha",
+  "version": "0.5.6-alpha",
   "private": true,
   "homepage": ".",
   "dependencies": {

frontend/src/components/TvCard.js

@@ -67,6 +67,7 @@ class TvCard extends React.Component {
   }
 
   inView() {
+    if (!this.card.current) return;
     const left = this.card.current.getBoundingClientRect().left;
     if (left <= this.props.width * 2 || this.props.view) {
       this.setState({

package.json

@@ -1,6 +1,6 @@
 {
   "name": "petio",
-  "version": "0.5.5-alpha",
+  "version": "0.5.6-alpha",
   "description": "Request Platform for Plex",
   "main": "petio.js",
   "author": "",