From 7e2d4e0b1f4d9e1c6f1216761ff95a5f40f99dd2 Mon Sep 17 00:00:00 2001
From: Samuel Couillard <43917914+scouillard@users.noreply.github.com>
Date: Wed, 1 Feb 2023 16:58:05 -0500
Subject: [PATCH] Fix SharedAccess checkbox (#4726)

---
 .../shared_access/forms/SharedAccessForm.jsx  | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx b/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx
index ca39d372..067595cc 100644
--- a/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx
+++ b/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx
@@ -41,22 +41,20 @@ export default function SharedAccessForm({ handleClose }) {
                         <tr
                           key={user.id}
                           className="align-middle"
-                          onClick={() => {
-                            const checkbox = document.getElementById(`${user.id}-checkbox`);
-                            checkbox.checked = !checkbox.checked;
-                          }}
                         >
                           <td>
                             <Stack direction="horizontal" className="py-2">
-                              <Form.Check
-                                id={`${user.id}-checkbox`}
-                                type="checkbox"
-                                value={user.id}
-                                className="pe-3"
-                                {...register('shared_users')}
-                              />
-                              <Avatar avatar={user.avatar} size="small" />
-                              <h6 className="text-brand mb-0 ps-3"> {user.name} </h6>
+                              <Form.Label className="w-100 mb-0 text-brand">
+                                <Form.Check
+                                  id={`${user.id}-checkbox`}
+                                  type="checkbox"
+                                  value={user.id}
+                                  className="d-inline-block"
+                                  {...register('shared_users')}
+                                />
+                                <Avatar avatar={user.avatar} size="small" className="d-inline-block px-3" />
+                                {user.name}
+                              </Form.Label>
                             </Stack>
                           </td>
                         </tr>
-- 
GitLab