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