Hide ratings on movie table in absence of data

frontend/src/Movie/Index/Table/MovieIndexRow.tsx

@@ -360,23 +360,25 @@ function MovieIndexRow(props: MovieIndexRowProps) {
         if (name === 'tmdbRating') {
           return (
             <VirtualTableRowCell key={name} className={styles[name]}>
-              <TmdbRating ratings={ratings} />
+              {ratings.tmdb ? <TmdbRating ratings={ratings} /> : null}
             </VirtualTableRowCell>
           );
         }
 
-        if (name === 'rottenTomatoesRating') {
+        if (name === 'imdbRating') {
           return (
             <VirtualTableRowCell key={name} className={styles[name]}>
-              <RottenTomatoRating ratings={ratings} />
+              {ratings.imdb ? <ImdbRating ratings={ratings} /> : null}
             </VirtualTableRowCell>
           );
         }
 
-        if (name === 'imdbRating') {
+        if (name === 'rottenTomatoesRating') {
           return (
             <VirtualTableRowCell key={name} className={styles[name]}>
-              <ImdbRating ratings={ratings} />
+              {ratings.rottenTomatoes ? (
+                <RottenTomatoRating ratings={ratings} />
+              ) : null}
             </VirtualTableRowCell>
           );
         }

frontend/src/Store/Actions/movieIndexActions.js

@@ -191,14 +191,14 @@ export const defaultState = {
       isVisible: false
     },
     {
-      name: 'rottenTomatoesRating',
-      label: () => translate('RottenTomatoesRating'),
+      name: 'imdbRating',
+      label: () => translate('ImdbRating'),
       isSortable: true,
       isVisible: false
     },
     {
-      name: 'imdbRating',
-      label: () => translate('ImdbRating'),
+      name: 'rottenTomatoesRating',
+      label: () => translate('RottenTomatoesRating'),
       isSortable: true,
       isVisible: false
     },
@@ -266,21 +266,15 @@ export const defaultState = {
         undefined;
     },
 
-    imdbRating: function(item) {
-      const { ratings = {} } = item;
-
-      return ratings.imdb ? ratings.imdb.value : 0;
-    },
-
-    tmdbRating: function(item) {
-      const { ratings = {} } = item;
-
+    tmdbRating: function({ ratings = {} }) {
       return ratings.tmdb ? ratings.tmdb.value : 0;
     },
 
-    rottenTomatoesRating: function(item) {
-      const { ratings = {} } = item;
+    imdbRating: function({ ratings = {} }) {
+      return ratings.imdb ? ratings.imdb.value : 0;
+    },
 
+    rottenTomatoesRating: function({ ratings = {} }) {
       return ratings.rottenTomatoes ? ratings.rottenTomatoes.value : -1;
     }
   },