Media list styling

client/src/components/App.js

@@ -5,7 +5,7 @@ import * as actions from '../actions';
 
 import Header from './Header';
 import Hero from './Hero';
-import Plex from './Plex';
+import Plex from './plex/Plex';
 
 class App extends Component {
   componentDidMount() {

client/src/components/MediaList.js

@@ -26,15 +26,20 @@ class MediaList extends Component {
               alt="pic"
               className="circle"
             />
-            <span className="title">{show.title}</span>
+
+            <span className="title">
+              <h5>{show.title}</h5>
+            </span>
+
             <p>
               {show.summary}
               <br />
-              Views: {show.views}
+              <a href="#!" className="collection-item">
+                <span className="new badge" data-badge-caption="Views">
+                  {show.views}
+                </span>
+              </a>
             </p>
-            <a href="#!" className="secondary-content">
-              <i className="material-icons">grade</i>
-            </a>
           </li>
         </ul>
       );

client/src/components/plex/ImportLibrary.js

@@ -4,14 +4,13 @@ import CssBaseline from '@material-ui/core/CssBaseline';
 import Typography from '@material-ui/core/Typography';
 import {withStyles} from '@material-ui/core/styles';
 import {connect} from 'react-redux';
-import styles from './css';
+import styles from '../css';
 import axios from 'axios';
 
 class ImportLibrary extends Component {
   importPlexLibrary = async params => {
-    const res = await axios.get('/api/plex/import/all');
-    console.log(res);
-    return res;
+    await axios.get('/api/plex/import/all');
+    window.location.reload();
   };
 
   render() {

client/src/components/plex/Plex.js

@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import {connect} from 'react-redux';
 import PlexTokenForm from './PlexTokenForm';
 import ImportLibrary from './ImportLibrary';
-import MediaList from './MediaList';
+import MediaList from '../MediaList';
 
 class Plex extends Component {
   render() {

client/src/components/plex/PlexTokenForm.js

@@ -5,8 +5,8 @@ import CssBaseline from '@material-ui/core/CssBaseline';
 import {connect} from 'react-redux';
 import {withStyles} from '@material-ui/core/styles';
 import './PlexTokenForm.css';
-import Modal from './Modal';
-import styles from './css';
+import Modal from '../Modal';
+import styles from '../css';
 
 class PlexTokenForm extends React.Component {
   state = {email: '', password: '', plexUrl: ''};
@@ -18,8 +18,8 @@ class PlexTokenForm extends React.Component {
 
   getPlexToken = async params => {
     const res = await axios.get('/api/plex/token', {params});
-    console.log(res);
-    return res;
+    console.log('plex-tok---', res);
+    window.location.reload();
   };
 
   render() {

server/services/plex/importData.js

@@ -106,7 +106,6 @@ const updateLibrary = libraryData => {
         type: data.type,
         views: data.globalViewCount,
         rating_key: data.ratingKey,
-        poster_path: data.key,
         summary: data.summary,
         rating: data.rating,
         year: data.year,