From d5a49110408c1d40508e80d286ac426c429dfdee Mon Sep 17 00:00:00 2001
From: Henry Wong <henryw4k@gmail.com>
Date: Mon, 10 Aug 2020 14:34:38 -0700
Subject: [PATCH] Admin GUI to add Trustees by email address

---
 README.md                                  |  2 +-
 src/admin/{AddVoters.tsx => AddPeople.tsx} | 13 +++++++++----
 src/admin/AdminPage.tsx                    |  5 +++--
 3 files changed, 13 insertions(+), 7 deletions(-)
 rename src/admin/{AddVoters.tsx => AddPeople.tsx} (50%)

diff --git a/README.md b/README.md
index d52f9b30..d557647e 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ yarn dev
 TODO:
 
 - [x] Admin GUI to add voters by email address
-- [ ] Admin GUI to add Trustees by email address
+- [x] Admin GUI to add Trustees by email address
 - [ ] Trustee page to take part in Distribute Key Gen
 - [ ] Backend assigns vote tokens and emails invitation to voters
 - [ ] Voter interface to cast vote
diff --git a/src/admin/AddVoters.tsx b/src/admin/AddPeople.tsx
similarity index 50%
rename from src/admin/AddVoters.tsx
rename to src/admin/AddPeople.tsx
index a6e7d8db..a4a826ef 100644
--- a/src/admin/AddVoters.tsx
+++ b/src/admin/AddPeople.tsx
@@ -1,8 +1,10 @@
-export const AddVoters = () => (
+export const AddPeople = ({ type }: { type: string }) => (
   <>
-    <p>Add voters by email address, 1 per line:</p>
+    <p>Add {type} by email address, 1 per line:</p>
     <textarea />
-    <input type="submit" value="Save" />
+    <div>
+      <input type="submit" value="Save" />
+    </div>
     <style jsx>{`
       textarea {
         width: 100%;
@@ -11,8 +13,11 @@ export const AddVoters = () => (
         padding: 8px;
       }
 
+      div {
+        text-align: right;
+      }
+
       input {
-        float: right;
         font-size: 20px;
       }
     `}</style>
diff --git a/src/admin/AdminPage.tsx b/src/admin/AdminPage.tsx
index 090b1c72..8940754a 100644
--- a/src/admin/AdminPage.tsx
+++ b/src/admin/AdminPage.tsx
@@ -1,6 +1,6 @@
 import Head from 'next/head'
 
-import { AddVoters } from './AddVoters'
+import { AddPeople } from './AddPeople'
 
 export const AdminPage = (): JSX.Element => (
   <>
@@ -13,7 +13,8 @@ export const AdminPage = (): JSX.Element => (
 
     <main>
       <h1>SIV Admin</h1>
-      <AddVoters />
+      <AddPeople type="voters" />
+      <AddPeople type="trustees" />
     </main>
 
     <style jsx>{`