From c6681f40dbadf6bebd5459fd2447adf49db9a674 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 6 May 2023 23:47:03 +0000
Subject: [PATCH] Adming vetting list improvements

---
 webclient/src/Admin.js  | 15 ++++++---------
 webclient/src/light.css |  5 +++++
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/webclient/src/Admin.js b/webclient/src/Admin.js
index 642722a..c6841a9 100644
--- a/webclient/src/Admin.js
+++ b/webclient/src/Admin.js
@@ -69,31 +69,27 @@ export function AdminVetting(props) {
 	const displayAll = (vetting && vetting.length <= 5) || showAll;
 
 	return (
-		<div>
+		<div className='adminvetting'>
 			{!error ?
 				vetting ?
 					<>
-						<Table collapsing basic='very'>
+						<Table compact collapsing unstackable basic='very'>
 							<Table.Header>
 								<Table.Row>
 									<Table.HeaderCell>Name</Table.HeaderCell>
-									<Table.HeaderCell>Status</Table.HeaderCell>
-									<Table.HeaderCell>NMO</Table.HeaderCell>
-									<Table.HeaderCell>Start Date</Table.HeaderCell>
+									<Table.HeaderCell>Status / NMO</Table.HeaderCell>
 									<Table.HeaderCell></Table.HeaderCell>
 								</Table.Row>
 							</Table.Header>
 
 							<Table.Body>
-								{(displayAll ? vetting : vetting.slice(0,5)).map(x =>
+								{(displayAll ? vetting : vetting.slice(0,5)).sort((a, b) => a.last_name > b.last_name ? 1 : -1).map(x =>
 									<Table.Row key={x.id}>
 										<Table.Cell><Link to={'/members/'+x.id}>{x.preferred_name} {x.last_name}</Link></Table.Cell>
 										<Table.Cell>
 											<Icon name='circle' color={statusColor[x.status]} />
-											{x.status || 'Unknown'}
+											{x.orientation_date ? '✅' : '❌'}
 										</Table.Cell>
-										<Table.Cell>{x.orientation_date ? '✅' : '❌'}</Table.Cell>
-										<Table.Cell>{x.current_start_date}</Table.Cell>
 										<Table.Cell><AdminVet {...props} member={x} refreshVetting={refreshVetting} /></Table.Cell>
 									</Table.Row>
 								)}
@@ -344,6 +340,7 @@ export function Admin(props) {
 
 			<Header size='medium'>Ready to Vet</Header>
 			<p>Members who are Current or Due, and past their probationary period.</p>
+			<p>Sorted by last name.</p>
 			<AdminVetting {...props} />
 
 
diff --git a/webclient/src/light.css b/webclient/src/light.css
index 323d0bd..5d41edd 100644
--- a/webclient/src/light.css
+++ b/webclient/src/light.css
@@ -157,6 +157,11 @@ body {
 	margin-left: auto;
 }
 
+.adminvetting .ui.button {
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+}
+
 .interest .ui.button {
 	padding-left: 0.5rem;
 	padding-right: 0.5rem;