added titles for icons throughout site

src/components/ActionsPanel.js

@@ -107,13 +107,14 @@ const ActionsPanel = ({
           lastViewedLog
         )} IST`}</h5>
 
-        <div className="bell-icon fadeInUp" style={trail[1]}>
+        <div className="bell-icon fadeInUp" title="Show the recent updated notifications." style={trail[1]}>
           {!showUpdates ? Bell : BellOff}
           {newUpdate && <div className="indicator"></div>}
         </div>
 
         <div
           className="timeline-icon fadeInUp"
+          title="Show the recent Timeline."
           onClick={handleClick}
           style={trail[2]}
         >

src/components/Footer.js

@@ -22,6 +22,7 @@ function Footer() {
       <div className="links">
         <a
           href="https://github.com/covid19india/covid19india-react"
+          title="GitHub"
           className="github"
           target="_blank"
           rel="noopener noreferrer"
@@ -32,6 +33,7 @@ function Footer() {
         <a
           className="api"
           href="https://api.covid19india.org"
+          title="COVID19-India API"
           target="_blank"
           rel="noopener noreferrer"
         >
@@ -41,6 +43,7 @@ function Footer() {
         <a
           href="https://t.me/covid19indiaorg"
           className="telegram"
+          title="Telegram"
           target="_blank"
           rel="noopener noreferrer"
         >
@@ -49,6 +52,7 @@ function Footer() {
 
         <a
           href="https://twitter.com/covid19indiaorg"
+          title="Twitter"
           target="_blank"
           rel="noopener noreferrer"
           className="twitter"
@@ -58,6 +62,7 @@ function Footer() {
 
         <a
           href="mailto:[email protected]"
+          title="Mail"
           className="mail"
           target="_blank"
           rel="noopener noreferrer"

src/components/MapExplorer.js

@@ -268,6 +268,7 @@ function MapExplorer({
 
             {mapMeta.mapType === MAP_TYPES.STATE && (
               <div
+                title="Back to Home"
                 className="back fadeInUp"
                 onClick={() => {
                   history.push('/#MapExplorer');

src/components/Navbar.js

@@ -53,7 +53,7 @@ function Navbar({
 
   return (
     <animated.div className="Navbar" style={spring}>
-      <div className="navbar-left" onClick={handleLangaugeSwitcher.bind(this)}>
+      <div className="navbar-left" title="Back to Home" onClick={handleLangaugeSwitcher.bind(this)}>
         {locales[currentLanguage]}
       </div>
 
@@ -76,22 +76,22 @@ function Navbar({
 
         {windowSize.width > 769 && (
           <React.Fragment>
-            <Link to="/">
+            <Link to="/" title="Home">
               <span>
                 <Icon.Home {...activeNavIcon('/')} />
               </span>
             </Link>
-            <Link to="/blog">
+            <Link to="/blog" title="Blog">
               <span>
                 <Icon.Book {...activeNavIcon('/blog')} />
               </span>
             </Link>
-            <Link to="/about">
+            <Link to="/about" title="About">
               <span>
                 <Icon.HelpCircle {...activeNavIcon('/about')} />
               </span>
             </Link>
-            <span>
+            <span title="Dark/Light Mode">
               <SunMoon {...{darkMode}} />
             </span>
           </React.Fragment>

src/components/StateDropdown.js

@@ -48,7 +48,11 @@ const StateDropdown = ({stateCode, trail}) => {
   );
 
   return (
-    <div className="StateDropdown" ref={dropdownRef}>
+    <div
+      className="StateDropdown"
+      title="Click here to select different States/UT."
+      ref={dropdownRef}
+    >
       <animated.h1
         className="state-name fadeInUp"
         style={trail}

src/components/StateHeader.js

@@ -53,7 +53,7 @@ function StateHeader({data, stateCode}) {
           </h5>
         )}
         {data?.meta?.tested?.source && (
-          <h5>
+          <h5 title="Show the Relavent website for source.">
             {'per '}
             <a href={data.meta.tested.source} target="_noblank">
               source

src/components/Table.js

@@ -258,7 +258,7 @@ function Table({
               </div>
             </div>
 
-            <h5 className="text">
+            <h5 className="text" title="About the site.">
               {t('Compiled from State Govt. numbers')},{' '}
               <Link to="/about">{t('know more')}!</Link>
             </h5>

src/components/TimeseriesExplorer.js

@@ -173,6 +173,7 @@ function TimeseriesExplorer({
     >
       <div className="timeseries-header">
         <div
+          title="Hepls you to toggle with/without maps."
           className={classnames('anchor', {
             stickied: anchor === 'timeseries',
           })}
@@ -256,7 +257,11 @@ function TimeseriesExplorer({
                 })}
             </select>
           </div>
-          <div className="reset-icon" onClick={resetDropdown}>
+          <div
+            className="reset-icon"
+            title="Reset back."
+            onClick={resetDropdown}
+          >
             <ReplyIcon />
           </div>
         </div>