Data bug + little changes

ras/frontend/src/components/Ratings.js

@@ -44,7 +44,7 @@ const Ratings = (props) => {
         <React.Fragment>
             <div className="ratings">
                 <span className="block_name">Ratings</span>
-                {ratings && ratings.length > 0 ? <table className="ratingstable responsive nowrap" width="100%">
+                <table className="ratingstable responsive nowrap" width="100%">
                     <thead>
                         <tr>
                             <th>#</th>
@@ -76,7 +76,7 @@ const Ratings = (props) => {
                             )
                         })}
                     </tbody>
-                </table> : <div className='no-data-msg'>Geen data beschikbaar</div> }
+                </table>
             </div>
         </React.Fragment>
     )

ras/frontend/src/components/Readed.js

@@ -52,7 +52,7 @@ const Readed = (props) => {
                                     <td>{book.name}</td>
                                     <td>{book.author} <span className={`flag-icon flag-icon-${code} mx2`}></span></td>
                                     <td>{book.genre}</td>
-                                    <td><i class='fas fa-star'></i>{book.rating}</td>
+                                    <td><i className='fas fa-star'></i>{book.rating}</td>
                                 </tr>
                             )
                         })}

ras/frontend/src/views/bookslist.js

@@ -81,7 +81,7 @@ const BooksList = (props) => {
                                         <td>{moment(book.readed).format('MMMM YYYY')}</td>
                                         <td><i class='fas fa-star'></i> {book.rating}</td>
                                         <td>
-                                            <button onClick={() => delBook(book.id)} type="button" class="btn btn-danger"><i className="fa fa-trash"></i></button>
+                                            <button onClick={() => delBook(book.id)} type="button" className="btn btn-danger"><i className="fa fa-trash"></i></button>
                                         </td>
                                     </tr>
                                 )

ras/frontend/src/views/dashboard.js

@@ -84,7 +84,7 @@ const Dashboard = (props) => {
                     <div className="modal-dialog" role="document">
                         <div className="modal-content">
                             <button type="button" onClick={() => { setShowModal(false) }} className="close" data-dismiss="modal" aria-label="Close">
-                                <i class="fas fa-times-circle"></i>
+                                <i className="fas fa-times-circle"></i>
                             </button>
                             <div className="DataTable_Container">
                                 <table id="DataTable" className="showHead table responsive nowrap" width="100%">
@@ -93,6 +93,7 @@ const Dashboard = (props) => {
                                             <th>Gelezen boeken</th>
                                             <th></th>
                                             <th></th>
+                                            <th></th>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -118,9 +119,10 @@ const Dashboard = (props) => {
                                                             <div style={{ color: '#777' }} className="book-author">{book.author}</div>
                                                         </div>
                                                     </td>
-                                                    <td><i class='fas fa-star'></i> {book.rating}</td>
+                                                    <td><i className='fas fa-star'></i> {book.rating}</td>
+                                                    <td>{moment(book.readed).format("MMMM")}</td>
                                                     <td style={{ textAlign: 'right' }}>
-                                                        <button onClick={() => delBook(book.id)} type="button" class="btn btn-danger"><i className="fa fa-trash"></i></button>
+                                                        <button onClick={() => delBook(book.id)} type="button" className="btn btn-danger"><i className="fa fa-trash"></i></button>
                                                     </td>
                                                 </tr>
                                             )

ras/frontend/src/views/register.js

@@ -31,7 +31,7 @@ export const Register = (props) => {
                 <img className="logo_text" src="/static/images/logo.png" />
 
                 {isRegistered &&(
-                    <div id="ok_msg" class="alert alert-success" style={{ marginTop: '20px', textAlign: 'center' }}>Account aangemaakt! Klik <Link to="/">hier</Link> om in te loggen.</div>
+                    <div id="ok_msg" className="alert alert-success" style={{ marginTop: '20px', textAlign: 'center' }}>Account aangemaakt! Klik <Link to="/">hier</Link> om in te loggen.</div>
                 )}
 
                 <form onSubmit={(event) => handleFormSubmit(event)}>

ras/frontend/static/css/style.css

@@ -119,7 +119,7 @@ html, body{
   }
 
   .books-per-month canvas{
-    height:500px !important;
+    max-height:700px !important;
   }
   
   .books-per-month, .genresPercent, .books-per-country, .book, .ratings, .readed{