From 1c4cbb4522847f15687ad1d887b559d3c49785cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Geonizeli?= <joao.geonizeli@gmail.com>
Date: Mon, 6 Sep 2021 11:42:50 -0300
Subject: [PATCH] improve TableRow component

---
 app/javascript/src/components/Table/TableRow.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/javascript/src/components/Table/TableRow.tsx b/app/javascript/src/components/Table/TableRow.tsx
index 6bab7bb..c549712 100644
--- a/app/javascript/src/components/Table/TableRow.tsx
+++ b/app/javascript/src/components/Table/TableRow.tsx
@@ -1,3 +1,4 @@
+import classNames from "classnames";
 import type { FC, ReactNode } from "react";
 import React from "react";
 
@@ -15,12 +16,16 @@ export const TableRow: FC<Props> = ({ items, id, onClick }) => {
   };
 
   return (
-    <tr onClick={handleClick}>
+    <tr
+      onClick={handleClick}
+      className={classNames(
+        "bg-white",
+        onClick &&
+          "bg-white hover:bg-gray-100 cursor-pointer transition duration-500"
+      )}
+    >
       {items?.map((item, index) => (
-        <td
-          key={index}
-          className="px-5 py-5 border-b border-gray-200 bg-white text-sm"
-        >
+        <td key={index} className="px-5 py-5 border-b border-gray-200 text-sm">
           <p className="text-gray-900 whitespace-nowrap">{item}</p>
         </td>
       ))}