From bf2d4e57c2883ff241e73b156bc16dea10893387 Mon Sep 17 00:00:00 2001
From: François Schmidts <francois.schmidts@gmail.com>
Date: Thu, 28 Jan 2016 16:03:11 +0100
Subject: pretty icons

---
 src/web/js/components/Menu.react.js | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

(limited to 'src/web/js/components/Menu.react.js')

diff --git a/src/web/js/components/Menu.react.js b/src/web/js/components/Menu.react.js
index f699f92e..91e9ff9e 100644
--- a/src/web/js/components/Menu.react.js
+++ b/src/web/js/components/Menu.react.js
@@ -32,7 +32,7 @@ var FeedItem = React.createClass({
         if(this.props.active) {
             classes += " bg-primary";
         }
-        if(this.props.error_count == 6) {
+        if(this.props.error_count >= 6) {
             classes += " bg-danger";
         } else if(this.props.error_count > 3) {
             classes += " bg-warning";
@@ -151,17 +151,25 @@ var MenuFilter = React.createClass({
         if (this.props.feed_in_error) {
             error_button = (
                     <Button active={this.props.filter == "error"}
+                            title="Some of your feeds are in error, click here to list them"
                             onMouseDown={this.setErrorFilter}
-                            bsSize="small" bsStyle="warning">Error</Button>
+                            bsSize="small" bsStyle="warning">
+                        <Glyphicon glyph="exclamation-sign" />
+                    </Button>
             );
         }
         return (<ButtonGroup className="nav nav-sidebar">
                     <Button active={this.props.filter == "all"}
-                            onMouseDown={this.setAllFilter}
-                            bsSize="small">All</Button>
+                            title="Display all feeds"
+                            onMouseDown={this.setAllFilter} bsSize="small">
+                        <Glyphicon glyph="menu-hamburger" />
+                    </Button>
                     <Button active={this.props.filter == "unread"}
+                            title="Display only feed with unread article"
                             onMouseDown={this.setUnreadFilter}
-                            bsSize="small">Unread</Button>
+                            bsSize="small">
+                        <Glyphicon glyph="unchecked" />
+                    </Button>
                     {error_button}
                 </ButtonGroup>
         );
-- 
cgit