Adjust torrent error

client/source/sass/components/_torrent-details-panel.scss

@@ -42,6 +42,16 @@
       }
     }
 
+    &.has-error {
+
+      .progress-bar {
+
+        &__fill {
+          background: $torrent-details--header--progress-bar--fill--error;
+        }
+      }
+    }
+
     .torrent {
 
       &__details {

client/source/sass/tools/_colors.scss

@@ -117,7 +117,7 @@ $progress-bar--fill: $green;
 $progress-bar--fill--stopped: #e3e5e5;
 $progress-bar--fill--completed: $blue;
 $progress-bar--fill--selected: #fff;
-$progress-bar--fill--error: #c81831;
+$progress-bar--fill--error: #e95779;
 
 // torrent details
 $torrent-details--background: #162835;
@@ -127,6 +127,7 @@ $torrent-details--header--border: rgba(#040d13, 0.3);
 $torrent-details--header--name--foreground: #97bbd5;
 $torrent-details--header--tertiary--foreground: #7b9cb4;
 $torrent-details--header--progress-bar--track: #2a3e4c;
+$torrent-details--header--progress-bar--fill--error: #be2558;
 
 $torrent-details--navigation--border: rgba(#040d13, 0.35);
 $torrent-details--navigation--item--background--active: rgba(#349cf4, 0.07);

client/source/scripts/components/panels/TorrentDetailsView.js

@@ -125,8 +125,6 @@ export default class TorrentDetails extends React.Component {
       let selectedHash = UIStore.getTorrentDetailsHash();
       let torrent = TorrentStore.getTorrent(selectedHash);
 
-      console.log(torrent.message);
-
       detailContent = (
         <div className="torrent-details">
           <TorrentHeading torrent={torrent} />

client/source/scripts/components/torrent-details/TorrentHeading.js

@@ -27,6 +27,7 @@ export default class TorrentHeading extends React.Component {
     let uploadTotal = format.data(torrent.uploadTotal);
 
     let classes = classNames('torrent-details__heading', {
+      'has-error': torrent.status.indexOf('has-error') > -1,
       'is-selected': this.props.selected,
       'is-stopped': torrent.status.indexOf('is-stopped') > -1,
       'is-paused': torrent.status.indexOf('is-paused') > -1,

server/assets/style.css

@@ -1178,7 +1178,7 @@ body {
     .is-selected .progress-bar__fill {
       background: #fff; }
     .has-error .progress-bar__fill {
-      background: #c81831; }
+      background: #e95779; }
 
 .application__sidebar {
   box-shadow: 1px 0 rgba(6, 9, 11, 0.3);
@@ -1354,6 +1354,8 @@ body {
     padding: 12.5px 25px 16.66667px 25px; }
     .torrent-details__heading.is-stopped .torrent__details--tertiary {
       color: #7b9cb4; }
+    .torrent-details__heading.has-error .progress-bar__fill {
+      background: #be2558; }
     .torrent-details__heading .torrent__details--name {
       color: #97bbd5;
       font-size: 1.7em;