refactor: update level button styles and elements based on descriptio…

…nsEnabled
impress-org · Apr 16, 2024 · 9b7d216 · 9b7d216
1 parent ff9b986
commit 9b7d216
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/src/FormBuilder/resources/js/form-builder/src/blocks/fields/amount/Edit.tsx b/src/FormBuilder/resources/js/form-builder/src/blocks/fields/amount/Edit.tsx
@@ -29,12 +29,19 @@ const DonationLevels = ({
 
             return (
                 <LevelButton selected={level === defaultLevel} key={index} descriptionsEnabled={descriptionsEnabled}>
-                    <span className={'give-donation-block__level__amount'}>{levelAmount}</span>
-                    <span className={'give-donation-block__level__label'}>
-                        {descriptionsEnabled && descriptions[index] !== ''
-                            ? descriptions[index]
-                            : __('Description goes here', 'give')}
+                    <span
+                        className={cx({
+                            'give-donation-block__level__amount': descriptionsEnabled,
+                        })}
+                    >
+                        {levelAmount}
                     </span>
+
+                    {descriptionsEnabled && (
+                        <span className={'give-donation-block__level__label'}>
+                            {descriptions[index] !== '' ? descriptions[index] : __('Description goes here', 'give')}
+                        </span>
+                    )}
                 </LevelButton>
             );
         })}