From ec34f527777b967b811179e0d198b61cb6af0790 Mon Sep 17 00:00:00 2001
From: Ken Hibino <ken.hibino7@gmail.com>
Date: Sun, 20 Dec 2020 17:26:22 -0800
Subject: [PATCH] Add selected row style to tables

---
 ui/src/components/DeadTasksTable.tsx      | 8 ++++++--
 ui/src/components/RetryTasksTable.tsx     | 8 ++++++--
 ui/src/components/ScheduledTasksTable.tsx | 8 ++++++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/DeadTasksTable.tsx b/ui/src/components/DeadTasksTable.tsx
index 1d259aa..78991eb 100644
--- a/ui/src/components/DeadTasksTable.tsx
+++ b/ui/src/components/DeadTasksTable.tsx
@@ -260,7 +260,11 @@ function Row(props: RowProps) {
   const classes = useRowStyles();
   return (
     <React.Fragment>
-      <TableRow key={task.id} className={classes.root}>
+      <TableRow
+        key={task.id}
+        className={classes.root}
+        selected={props.isSelected}
+      >
         <TableCell padding="checkbox">
           <Checkbox
             onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
@@ -299,7 +303,7 @@ function Row(props: RowProps) {
           </Button>
         </TableCell>
       </TableRow>
-      <TableRow>
+      <TableRow selected={props.isSelected}>
         <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={7}>
           <Collapse in={open} timeout="auto" unmountOnExit>
             <Box margin={1}>
diff --git a/ui/src/components/RetryTasksTable.tsx b/ui/src/components/RetryTasksTable.tsx
index af1eeab..e3bb9b8 100644
--- a/ui/src/components/RetryTasksTable.tsx
+++ b/ui/src/components/RetryTasksTable.tsx
@@ -284,7 +284,11 @@ function Row(props: RowProps) {
   const classes = useRowStyles();
   return (
     <React.Fragment>
-      <TableRow key={task.id} className={classes.root}>
+      <TableRow
+        key={task.id}
+        className={classes.root}
+        selected={props.isSelected}
+      >
         <TableCell padding="checkbox">
           <Checkbox
             onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
@@ -331,7 +335,7 @@ function Row(props: RowProps) {
           </Button>
         </TableCell>
       </TableRow>
-      <TableRow>
+      <TableRow selected={props.isSelected}>
         <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={10}>
           <Collapse in={open} timeout="auto" unmountOnExit>
             <Box margin={1}>
diff --git a/ui/src/components/ScheduledTasksTable.tsx b/ui/src/components/ScheduledTasksTable.tsx
index f691d74..6224d19 100644
--- a/ui/src/components/ScheduledTasksTable.tsx
+++ b/ui/src/components/ScheduledTasksTable.tsx
@@ -281,7 +281,11 @@ function Row(props: RowProps) {
   const classes = useRowStyles();
   return (
     <React.Fragment>
-      <TableRow key={task.id} className={classes.root}>
+      <TableRow
+        key={task.id}
+        className={classes.root}
+        selected={props.isSelected}
+      >
         <TableCell padding="checkbox">
           <Checkbox
             onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
@@ -325,7 +329,7 @@ function Row(props: RowProps) {
           </Button>
         </TableCell>
       </TableRow>
-      <TableRow>
+      <TableRow selected={props.isSelected}>
         <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={6}>
           <Collapse in={open} timeout="auto" unmountOnExit>
             <Box margin={1}>