From 7f9feec8d8604641b4dba5fe3d291dab7337df86 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:50:52 -0400
Subject: [PATCH] Replace "remove" link with trash icon button

---
 components/NewGameBan.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/NewGameBan.tsx b/components/NewGameBan.tsx
index f8e9263..a8a6e47 100644
--- a/components/NewGameBan.tsx
+++ b/components/NewGameBan.tsx
@@ -213,7 +213,7 @@ export default function(props: { isOpen: boolean; onClose: () => void }) {
                 <Tr>
                   <Th>Username</Th>
                   <Th>Punishment</Th>
-                  <Th>Remove</Th>
+                  <Th>&nbsp;</Th>
                 </Tr>
               </Thead>
               <Tbody>
@@ -236,7 +236,15 @@ export default function(props: { isOpen: boolean; onClose: () => void }) {
                       </RadioGroup>
                     </Td>
                     <Td>
-                      <Link onClick={() => removeUser(user)}>Remove</Link>
+                      <Button onClick={() => removeUser(user)} variant="ghost">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+                             viewBox="0 0 16 16">
+                          <path
+                            d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z" />
+                          <path
+                            d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z" />
+                        </svg>
+                      </Button>
                     </Td>
                   </Tr>
                 ))}