New: Readarr 0.1

frontend/src/Components/Page/Header/ArtistSearchInput.js

@@ -88,7 +88,7 @@ class ArtistSearchInput extends Component {
 
   goToArtist(item) {
     this.setState({ value: '' });
-    this.props.onGoToArtist(item.item.foreignArtistId);
+    this.props.onGoToArtist(item.item.titleSlug);
   }
 
   reset() {

frontend/src/Components/Page/Header/ArtistSearchInputConnector.js

@@ -16,14 +16,14 @@ function createCleanArtistSelector() {
           artistName,
           sortName,
           images,
-          foreignArtistId,
+          titleSlug,
           tags = []
         } = artist;
 
         return {
           artistName,
           sortName,
-          foreignArtistId,
+          titleSlug,
           images,
           tags: tags.reduce((acc, id) => {
             const matchingTag = allTags.find((tag) => tag.id === id);
@@ -53,8 +53,8 @@ function createMapStateToProps() {
 
 function createMapDispatchToProps(dispatch, props) {
   return {
-    onGoToArtist(foreignArtistId) {
-      dispatch(push(`${window.Readarr.urlBase}/artist/${foreignArtistId}`));
+    onGoToArtist(titleSlug) {
+      dispatch(push(`${window.Readarr.urlBase}/author/${titleSlug}`));
     },
 
     onGoToAddNewArtist(query) {

frontend/src/Components/Page/Header/PageHeader.css

@@ -4,7 +4,7 @@
   align-items: center;
   flex: 0 0 auto;
   height: $headerHeight;
-  background-color: $themeAlternateBlue;
+  background-color: $themeAlternateRed;
   color: $white;
 }
 
@@ -41,12 +41,12 @@
   composes: link from '~Components/Link/Link.css';
 
   width: 30px;
-  color: $themeRed;
+  color: $themeDarkRed;
   text-align: center;
   line-height: 60px;
 
   &:hover {
-    color: #9c1f30;
+    color: $themeDarkColor;
   }
 }