From af34bdfff15ea455f78b7b045f5709f39e91dd64 Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <kauffj@gmail.com>
Date: Sun, 30 Jul 2017 17:24:40 -0400
Subject: [PATCH] Add tooltips to header buttons, fixes #401

---
 CHANGELOG.md                    | 2 +-
 ui/js/component/header/view.jsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 02610e5fa..699832c9a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
 
 ## [Unreleased]
 ### Added
-  *
+  * Add tooltips to controls in header
   *
 
 ### Changed
diff --git a/ui/js/component/header/view.jsx b/ui/js/component/header/view.jsx
index 79bd6758d..76758b210 100644
--- a/ui/js/component/header/view.jsx
+++ b/ui/js/component/header/view.jsx
@@ -8,13 +8,14 @@ export const Header = props => {
   return (
     <header id="header">
       <div className="header__item">
-        <Link onClick={back} button="alt button--flat" icon="icon-arrow-left" />
+        <Link onClick={back} button="alt button--flat" icon="icon-arrow-left" title={__("Back")} />
       </div>
       <div className="header__item">
         <Link
           onClick={() => navigate("/discover")}
           button="alt button--flat"
           icon="icon-home"
+          title={__("Discover Content")}
         />
       </div>
       <div className="header__item header__item--wunderbar">
@@ -26,6 +27,7 @@ export const Header = props => {
           button="text"
           icon="icon-bank"
           label={balance}
+          title={__("Wallet")}
         />
       </div>
       <div className="header__item">
@@ -41,6 +43,7 @@ export const Header = props => {
           onClick={() => navigate("/downloaded")}
           button="alt button--flat"
           icon="icon-folder"
+          title={__("Downloads and Publishes")}
         />
       </div>
       <div className="header__item">
@@ -48,6 +51,7 @@ export const Header = props => {
           onClick={() => navigate("/settings")}
           button="alt button--flat"
           icon="icon-gear"
+          title={__("Settings")}
         />
       </div>
     </header>