From 0db6cf272f641dd152580c22b3be067f6d580a6a Mon Sep 17 00:00:00 2001
From: ta264 <ta264@users.noreply.github.com>
Date: Thu, 16 Dec 2021 21:22:54 +0000
Subject: [PATCH] New: Add release date sort option to book index view

Fixes #1403
---
 .../src/Book/Details/BookDetailsHeader.js     | 31 ++++++++++---------
 .../src/Book/Index/Menus/BookIndexSortMenu.js |  9 ++++++
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/frontend/src/Book/Details/BookDetailsHeader.js b/frontend/src/Book/Details/BookDetailsHeader.js
index dcf2168c0..47162c0eb 100644
--- a/frontend/src/Book/Details/BookDetailsHeader.js
+++ b/frontend/src/Book/Details/BookDetailsHeader.js
@@ -149,21 +149,24 @@ class BookDetailsHeader extends Component {
             </div>
 
             <div className={styles.detailsLabels}>
-              <Label
-                className={styles.detailsLabel}
-                size={sizes.LARGE}
-              >
-                <Icon
-                  name={icons.CALENDAR}
-                  size={17}
-                />
+              {
+                releaseDate &&
+                  <Label
+                    className={styles.detailsLabel}
+                    size={sizes.LARGE}
+                  >
+                    <Icon
+                      name={icons.CALENDAR}
+                      size={17}
+                    />
 
-                <span className={styles.sizeOnDisk}>
-                  {
-                    moment(releaseDate).format(shortDateFormat)
-                  }
-                </span>
-              </Label>
+                    <span className={styles.sizeOnDisk}>
+                      {
+                        moment(releaseDate).format(shortDateFormat)
+                      }
+                    </span>
+                  </Label>
+              }
 
               <Label
                 className={styles.detailsLabel}
diff --git a/frontend/src/Book/Index/Menus/BookIndexSortMenu.js b/frontend/src/Book/Index/Menus/BookIndexSortMenu.js
index 6a2c4c598..1a06ec099 100644
--- a/frontend/src/Book/Index/Menus/BookIndexSortMenu.js
+++ b/frontend/src/Book/Index/Menus/BookIndexSortMenu.js
@@ -46,6 +46,15 @@ function BookIndexSortMenu(props) {
           Author, Title
         </SortMenuItem>
 
+        <SortMenuItem
+          name="releaseDate"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          Release Date
+        </SortMenuItem>
+
         <SortMenuItem
           name="qualityProfileId"
           sortKey={sortKey}