fix: Add click to entire user row.

supertokens · Nov 15, 2023 · 17d6d50 · 17d6d50
1 parent 0d6cd9b
commit 17d6d50
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 7 deletions.
diff --git a/build/static/css/main.css b/build/static/css/main.css
diff --git a/build/static/css/main.css.map b/build/static/css/main.css.map
diff --git a/build/static/js/bundle.js b/build/static/js/bundle.js
diff --git a/build/static/js/bundle.js.map b/build/static/js/bundle.js.map
diff --git a/src/ui/components/usersListTable/UsersListTable.scss b/src/ui/components/usersListTable/UsersListTable.scss
@@ -18,7 +18,7 @@
 $container-padding-v: 24px;
 
 .users-list-table-container {
-	padding: $container-padding-v 34px;
+	padding: $container-padding-v 0px;
 	display: block;
 	width: 100%;
 	max-width: 100%;
@@ -42,7 +42,7 @@ $container-padding-v: 24px;
 .users-list-table thead tr {
 	border-bottom: 1px solid var(--color-border);
 	th {
-		padding: 0 1em 24px 0;
+		padding: 0 1em 24px 34px;
 		font-weight: 500;
 		text-align: left;
 		width: 33%;
@@ -54,7 +54,7 @@ $container-padding-v: 24px;
 	td {
 		width: 33%;
 		max-width: 50%;
-		padding: 24px 1em 24px 0;
+		padding: 24px 1em 24px 34px;
 	}
 	&.empty-row {
 		td {
@@ -64,6 +64,10 @@ $container-padding-v: 24px;
 }
 
 .user-row {
+	&:hover {
+		cursor: pointer;
+		background: rgb(242, 247, 253);
+	}
 	.user-info {
 		display: flex;
 		flex-direction: column;
@@ -218,6 +222,7 @@ $container-padding-v: 24px;
 	display: flex;
 	justify-content: flex-end;
 	padding-top: $container-padding-v;
+	padding-right: 34px;
 	position: sticky;
 	left: 0px;
 }

diff --git a/src/ui/components/usersListTable/UsersListTable.tsx b/src/ui/components/usersListTable/UsersListTable.tsx
@@ -153,6 +153,7 @@ const UserTableRow: React.FC<
 	const { user, index, onSelect } = props;
 	return (
 		<tr
+			onClick={() => onSelect(user)}
 			key={index}
 			className="user-row">
 			<td>