From 848d2301a65c523054bee98b626c89864ac4872d Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Sun, 11 Dec 2022 21:48:34 -0600
Subject: [PATCH] New: Album genres on album details page

---
 frontend/src/Album/Details/AlbumDetails.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/Album/Details/AlbumDetails.js b/frontend/src/Album/Details/AlbumDetails.js
index a42055974..5c95e565b 100644
--- a/frontend/src/Album/Details/AlbumDetails.js
+++ b/frontend/src/Album/Details/AlbumDetails.js
@@ -7,6 +7,7 @@ import AlbumCover from 'Album/AlbumCover';
 import DeleteAlbumModal from 'Album/Delete/DeleteAlbumModal';
 import EditAlbumModalConnector from 'Album/Edit/EditAlbumModalConnector';
 import AlbumInteractiveSearchModalConnector from 'Album/Search/AlbumInteractiveSearchModalConnector';
+import ArtistGenres from 'Artist/Details/ArtistGenres';
 import ArtistHistoryModal from 'Artist/History/ArtistHistoryModal';
 import HeartRating from 'Components/HeartRating';
 import Icon from 'Components/Icon';
@@ -199,6 +200,7 @@ class AlbumDetails extends Component {
       releaseDate,
       ratings,
       images,
+      genres,
       links,
       media,
       isSaving,
@@ -385,6 +387,8 @@ class AlbumDetails extends Component {
                       rating={ratings.value}
                       iconSize={20}
                     />
+
+                    <ArtistGenres genres={genres} />
                   </div>
                 </div>
 
@@ -602,6 +606,7 @@ AlbumDetails.propTypes = {
   releaseDate: PropTypes.string.isRequired,
   ratings: PropTypes.object.isRequired,
   images: PropTypes.arrayOf(PropTypes.object).isRequired,
+  genres: PropTypes.arrayOf(PropTypes.string).isRequired,
   links: PropTypes.arrayOf(PropTypes.object).isRequired,
   media: PropTypes.arrayOf(PropTypes.object).isRequired,
   monitored: PropTypes.bool.isRequired,