Fixed: Added missing sort token details for poster views

Fixes #1424

frontend/src/Author/Index/Posters/AuthorIndexPoster.js

@@ -94,6 +94,7 @@ class AuthorIndexPoster extends Component {
       showMonitored,
       showQualityProfile,
       qualityProfile,
+      metadataProfile,
       showSearchAction,
       showRelativeDates,
       shortDateFormat,
@@ -259,6 +260,7 @@ class AuthorIndexPoster extends Component {
             sizeOnDisk={sizeOnDisk}
             qualityProfile={qualityProfile}
             showQualityProfile={showQualityProfile}
+            metadataProfile={metadataProfile}
             showRelativeDates={showRelativeDates}
             shortDateFormat={shortDateFormat}
             timeFormat={timeFormat}
@@ -300,6 +302,7 @@ AuthorIndexPoster.propTypes = {
   showMonitored: PropTypes.bool.isRequired,
   showQualityProfile: PropTypes.bool.isRequired,
   qualityProfile: PropTypes.object.isRequired,
+  metadataProfile: PropTypes.object.isRequired,
   showSearchAction: PropTypes.bool.isRequired,
   showRelativeDates: PropTypes.bool.isRequired,
   shortDateFormat: PropTypes.string.isRequired,

frontend/src/Author/Index/Posters/AuthorIndexPosterInfo.js

@@ -8,8 +8,10 @@ function AuthorIndexPosterInfo(props) {
   const {
     qualityProfile,
     showQualityProfile,
-    previousAiring,
+    metadataProfile,
     added,
+    nextBook,
+    lastBook,
     bookCount,
     path,
     sizeOnDisk,
@@ -27,27 +29,53 @@ function AuthorIndexPosterInfo(props) {
     );
   }
 
-  if (sortKey === 'previousAiring' && previousAiring) {
+  if (sortKey === 'metadataProfileId') {
     return (
       <div className={styles.info}>
-        {
+        {metadataProfile.name}
-          getRelativeDate(
+      </div>
-            previousAiring,
+    );
+  }
+
+  if (sortKey === 'added' && added) {
+    const addedDate = getRelativeDate(
+      added,
       shortDateFormat,
       showRelativeDates,
       {
         timeFormat,
-              timeForToday: true
+        timeForToday: false
       }
-          )
+    );
+
+    return (
+      <div className={styles.info}>
+        {`Added ${addedDate}`}
+      </div>
+    );
   }
+
+  if (sortKey === 'nextBook' && nextBook) {
+    const date = getRelativeDate(
+      nextBook.releaseDate,
+      shortDateFormat,
+      showRelativeDates,
+      {
+        timeFormat,
+        timeForToday: false
+      }
+    );
+
+    return (
+      <div className={styles.info}>
+        {`Next Book ${date}`}
       </div>
     );
   }
 
-  if (sortKey === 'added' && added) {
+  if (sortKey === 'lastBook' && lastBook) {
-    const addedDate = getRelativeDate(
+    const date = getRelativeDate(
-      added,
+      lastBook.releaseDate,
       shortDateFormat,
       showRelativeDates,
       {
@@ -58,7 +86,7 @@ function AuthorIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {`Added ${addedDate}`}
+        {`Last Book ${date}`}
       </div>
     );
   }
@@ -101,8 +129,10 @@ function AuthorIndexPosterInfo(props) {
 AuthorIndexPosterInfo.propTypes = {
   qualityProfile: PropTypes.object.isRequired,
   showQualityProfile: PropTypes.bool.isRequired,
-  previousAiring: PropTypes.string,
+  metadataProfile: PropTypes.object.isRequired,
   added: PropTypes.string,
+  nextBook: PropTypes.object,
+  lastBook: PropTypes.object,
   bookCount: PropTypes.number.isRequired,
   path: PropTypes.string.isRequired,
   sizeOnDisk: PropTypes.number,

frontend/src/Book/Index/Posters/BookIndexPosterInfo.js

@@ -8,8 +8,8 @@ function BookIndexPosterInfo(props) {
   const {
     qualityProfile,
     showQualityProfile,
-    previousAiring,
     added,
+    releaseDate,
     author,
     bookFileCount,
     sizeOnDisk,
@@ -27,27 +27,27 @@ function BookIndexPosterInfo(props) {
     );
   }
 
-  if (sortKey === 'previousAiring' && previousAiring) {
+  if (sortKey === 'added' && added) {
-    return (
+    const addedDate = getRelativeDate(
-      <div className={styles.info}>
+      added,
-        {
-          getRelativeDate(
-            previousAiring,
       shortDateFormat,
       showRelativeDates,
       {
         timeFormat,
-              timeForToday: true
+        timeForToday: false
-            }
-          )
       }
+    );
+
+    return (
+      <div className={styles.info}>
+        {`Added ${addedDate}`}
       </div>
     );
   }
 
-  if (sortKey === 'added' && added) {
+  if (sortKey === 'releaseDate' && added) {
-    const addedDate = getRelativeDate(
+    const date = getRelativeDate(
-      added,
+      releaseDate,
       shortDateFormat,
       showRelativeDates,
       {
@@ -58,7 +58,7 @@ function BookIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {`Added ${addedDate}`}
+        {`Released ${date}`}
       </div>
     );
   }
@@ -101,9 +101,9 @@ function BookIndexPosterInfo(props) {
 BookIndexPosterInfo.propTypes = {
   qualityProfile: PropTypes.object.isRequired,
   showQualityProfile: PropTypes.bool.isRequired,
-  previousAiring: PropTypes.string,
   author: PropTypes.object.isRequired,
   added: PropTypes.string,
+  releaseDate: PropTypes.string,
   bookFileCount: PropTypes.number.isRequired,
   sizeOnDisk: PropTypes.number,
   sortKey: PropTypes.string.isRequired,