Add react-tooltip

Author: Sean Prashad

web/package.json

@@ -21,6 +21,7 @@
     "react-scroll": "^1.7.15",
     "react-table": "^7.0.0-rc.15",
     "react-test-renderer": "^16.12.0",
+    "react-tooltip": "^3.11.2",
     "reactstrap": "^8.2.0"
   },
   "devDependencies": {

web/src/components/Table/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Container, Row, Col, Badge, NavLink } from 'reactstrap';
+import ReactTooltip from 'react-tooltip';
 import TableView from './TableView';
 
 import questionList from '../../data';
@@ -53,11 +54,7 @@ const Table = () => {
             Cell: cellInfo => {
               const companies = cellInfo.row.original.companies.map(company => {
                 const icon = images(`./${company}.png`);
-                return (
-                  <span key={company} title={company}>
-                    <img src={icon} alt={company} />
-                  </span>
-                );
+                return <img src={icon} alt={company} data-tip={company} />;
               });
 
               return <Row className="companies">{companies}</Row>;
@@ -75,6 +72,7 @@ const Table = () => {
       <Col>
         <Row>
           <Col>
+            <ReactTooltip />
             <TableView columns={columns} data={data} />
           </Col>
         </Row>

web/yarn.lock

@@ -2714,7 +2714,7 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-classnames@^2.2.3, classnames@^2.2.6:
+classnames@^2.2.3, classnames@^2.2.5, classnames@^2.2.6:
   version "2.2.6"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
   integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
@@ -9176,7 +9176,7 @@ prop-types-exact@^1.2.0:
     object.assign "^4.1.0"
     reflect.ownkeys "^0.2.0"
 
-prop-types@^15.5.8, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -9547,6 +9547,14 @@ react-test-renderer@^16.0.0-0, react-test-renderer@^16.12.0:
     react-is "^16.8.6"
     scheduler "^0.18.0"
 
+react-tooltip@^3.11.2:
+  version "3.11.2"
+  resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-3.11.2.tgz#78972910657d6184defdcdc9a0182c1e44e01ce6"
+  integrity sha512-7EJ7Cv7lgctw02j0hyp+PpJklIP3gyDbm4CvVQvq7U6zgZtuI+bFFnRzsQB1oTiHPkkhE2NU04EIkgBDiVNzxw==
+  dependencies:
+    classnames "^2.2.5"
+    prop-types "^15.6.0"
+
 react-transition-group@^2.3.1:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.9.0.tgz#df9cdb025796211151a436c69a8f3b97b5b07c8d"