Replace "remove" link with trash icon button

This commit is contained in:
regalijan 2023-10-19 16:50:52 -04:00
parent 49493cb334
commit 7f9feec8d8
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -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>
))}