From 02845c72d3e85fb42a1afdc9e8b6f88e24977193 Mon Sep 17 00:00:00 2001
From: nitsua <austin.w.best@gmail.com>
Date: Sat, 12 Sep 2020 17:27:41 -0400
Subject: [PATCH] Add tooltip to path & movie title on the movie index table
 view

---
 .../src/Components/Table/Cells/VirtualTableRowCell.js  | 10 +++++++---
 frontend/src/Movie/Index/Table/MovieIndexRow.js        |  1 +
 frontend/src/Movie/MovieTitleLink.js                   |  5 ++++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Components/Table/Cells/VirtualTableRowCell.js b/frontend/src/Components/Table/Cells/VirtualTableRowCell.js
index 42999216f..61e09e4cc 100644
--- a/frontend/src/Components/Table/Cells/VirtualTableRowCell.js
+++ b/frontend/src/Components/Table/Cells/VirtualTableRowCell.js
@@ -5,12 +5,14 @@ import styles from './VirtualTableRowCell.css';
 function VirtualTableRowCell(props) {
   const {
     className,
-    children
+    children,
+    title
   } = props;
 
   return (
     <div
       className={className}
+      title={title}
     >
       {children}
     </div>
@@ -19,11 +21,13 @@ function VirtualTableRowCell(props) {
 
 VirtualTableRowCell.propTypes = {
   className: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  title: PropTypes.string
 };
 
 VirtualTableRowCell.defaultProps = {
-  className: styles.cell
+  className: styles.cell,
+  title: ''
 };
 
 export default VirtualTableRowCell;
diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.js b/frontend/src/Movie/Index/Table/MovieIndexRow.js
index ef1c57efb..4f0d7ba9a 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexRow.js
+++ b/frontend/src/Movie/Index/Table/MovieIndexRow.js
@@ -277,6 +277,7 @@ class MovieIndexRow extends Component {
                 <VirtualTableRowCell
                   key={name}
                   className={styles[name]}
+                  title={path}
                 >
                   {path}
                 </VirtualTableRowCell>
diff --git a/frontend/src/Movie/MovieTitleLink.js b/frontend/src/Movie/MovieTitleLink.js
index 5dccf64b5..840465653 100644
--- a/frontend/src/Movie/MovieTitleLink.js
+++ b/frontend/src/Movie/MovieTitleLink.js
@@ -13,7 +13,10 @@ class MovieTitleLink extends PureComponent {
     const link = `/movie/${titleSlug}`;
 
     return (
-      <Link to={link}>
+      <Link
+        to={link}
+        title={title}
+      >
         {title}
       </Link>
     );