diff --git a/frontend/src/AlbumStudio/AlbumStudio.js b/frontend/src/AlbumStudio/AlbumStudio.js index 6e775df5c..2506015a6 100644 --- a/frontend/src/AlbumStudio/AlbumStudio.js +++ b/frontend/src/AlbumStudio/AlbumStudio.js @@ -145,7 +145,7 @@ class AlbumStudio extends Component { { !isFetching && !!error && -
Unable to load the calendar
+
Unable to load the Album Studio
} { diff --git a/frontend/src/AlbumStudio/AlbumStudioAlbum.css b/frontend/src/AlbumStudio/AlbumStudioAlbum.css index 1ef8e94f0..f3c9f6102 100644 --- a/frontend/src/AlbumStudio/AlbumStudioAlbum.css +++ b/frontend/src/AlbumStudio/AlbumStudioAlbum.css @@ -1,4 +1,4 @@ -.season { +.album { display: flex; align-items: stretch; overflow: hidden; @@ -13,6 +13,15 @@ padding: 0 4px; } +.albumType { + padding: 0 4px; + border-width: 0 1px; + border-style: solid; + border-color: $borderColor; + background-color: $white; + color: $defaultColor; +} + .tracks { padding: 0 4px; background-color: $white; @@ -22,3 +31,7 @@ .allTracks { background-color: #e0ffe0; } + +.missingWanted { + background-color: #ffe0e0; +} diff --git a/frontend/src/AlbumStudio/AlbumStudioAlbum.js b/frontend/src/AlbumStudio/AlbumStudioAlbum.js index 947ec9565..8bec82840 100644 --- a/frontend/src/AlbumStudio/AlbumStudioAlbum.js +++ b/frontend/src/AlbumStudio/AlbumStudioAlbum.js @@ -24,6 +24,8 @@ class AlbumStudioAlbum extends Component { render() { const { title, + disambiguation, + albumType, monitored, statistics, isSaving @@ -36,7 +38,7 @@ class AlbumStudioAlbum extends Component { } = statistics; return ( -
+
{ - `${title}` + disambiguation ? `${title} (${disambiguation})` : `${title}` + } + +
+ +
+ + { + `${albumType}` }
@@ -54,6 +64,7 @@ class AlbumStudioAlbum extends Component {
- + { - albums.map((season) => { + albums.map((album) => { return ( );