From 508b4d52cee9cc3c201507fcbd9daee47a8a97ce Mon Sep 17 00:00:00 2001
From: samau3 <samau415@gmail.com>
Date: Mon, 21 Oct 2024 22:40:01 -0700
Subject: [PATCH] Utilize size prop from tabler icons

---
 client/src/pages/patients/Patients.jsx | 25 ++++---------------------
 1 file changed, 4 insertions(+), 21 deletions(-)

diff --git a/client/src/pages/patients/Patients.jsx b/client/src/pages/patients/Patients.jsx
index bebbee9e..385a858f 100644
--- a/client/src/pages/patients/Patients.jsx
+++ b/client/src/pages/patients/Patients.jsx
@@ -5,7 +5,6 @@ import {
   Paper,
   Menu,
   ActionIcon,
-  rem,
   Button,
   Group,
   TextInput,
@@ -123,38 +122,22 @@ export default function Patients() {
                   <Menu>
                     <Menu.Target>
                       <ActionIcon variant="subtle" color="gray">
-                        <IconDotsVertical
-                          style={{ width: rem(18), height: rem(18) }}
-                        />
+                        <IconDotsVertical size={18} />
                       </ActionIcon>
                     </Menu.Target>
                     <Menu.Dropdown>
                       <Menu.Item
-                        leftSection={
-                          <IconUser
-                            style={{ width: rem(18), height: rem(18) }}
-                          />
-                        }
+                        leftSection={<IconUser size={18} />}
                         component={Link}
                         to={`/patients/${patient.id}`}
                       >
                         View/Edit
                       </Menu.Item>
-                      <Menu.Item
-                        leftSection={
-                          <IconQrcode
-                            style={{ width: rem(18), height: rem(18) }}
-                          />
-                        }
-                      >
+                      <Menu.Item leftSection={<IconQrcode size={18} />}>
                         Reprint QR Code
                       </Menu.Item>
                       <Menu.Item
-                        leftSection={
-                          <IconTrash
-                            style={{ width: rem(18), height: rem(18) }}
-                          />
-                        }
+                        leftSection={<IconTrash size={18} />}
                         color="red"
                       >
                         Delete