Add tooltips to header buttons, fixes #401

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

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>