diff --git a/.changeset/weak-starfishes-fail.md b/.changeset/weak-starfishes-fail.md new file mode 100644 index 000000000000..38e510229f6e --- /dev/null +++ b/.changeset/weak-starfishes-fail.md @@ -0,0 +1,5 @@ +--- +'@rocket.chat/meteor': patch +--- + +Fixes the missing spacing on don`t ask again checkbox inside modals diff --git a/apps/meteor/client/components/GenericModal/withDoNotAskAgain.tsx b/apps/meteor/client/components/GenericModal/withDoNotAskAgain.tsx index 9d3d754d17d4..8d3644e0dc93 100644 --- a/apps/meteor/client/components/GenericModal/withDoNotAskAgain.tsx +++ b/apps/meteor/client/components/GenericModal/withDoNotAskAgain.tsx @@ -1,4 +1,5 @@ -import { Box, CheckBox } from '@rocket.chat/fuselage'; +import { Box, Label, CheckBox } from '@rocket.chat/fuselage'; +import { useUniqueId } from '@rocket.chat/fuselage-hooks'; import { useUserPreference, useTranslation, useEndpoint } from '@rocket.chat/ui-contexts'; import type { FC, ReactElement, ComponentType } from 'react'; import React, { useState } from 'react'; @@ -23,6 +24,7 @@ function withDoNotAskAgain( ): FC> { const WrappedComponent: FC> = function ({ onConfirm, dontAskAgain, ...props }) { const t = useTranslation(); + const dontAskAgainId = useUniqueId(); const dontAskAgainList = useUserPreference('dontAskAgainList'); const { action, label } = dontAskAgain; @@ -49,8 +51,10 @@ function withDoNotAskAgain( {...props} dontAskAgain={ - - + + } onConfirm={handleConfirm}