Make colon conditional to recibing category in toggle button

future-standard · Jan 10, 2025 · 40401c8 · 40401c8
1 parent 1487595
commit 40401c8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/storybook/src/stories/Filters/atoms/ToggleButton.stories.tsx b/packages/storybook/src/stories/Filters/atoms/ToggleButton.stories.tsx
@@ -52,7 +52,7 @@ export const _ToggleButton = () => {
 
   const disabled = boolean('Disabled', false);
   const design = select('Design type', { Default: 'default', Basic: 'basic' }, 'basic');
-  const categoryLabel = text('Category Label', 'Layout:');
+  const categoryLabel = text('Category Label', 'Layout');
   const options = object('Options', layoutOptions);
   const showToggleValue = action('Button Value: ');
 

diff --git a/packages/ui-lib/src/Filters/atoms/ToggleButton.tsx b/packages/ui-lib/src/Filters/atoms/ToggleButton.tsx
@@ -23,7 +23,8 @@ const ToggleButton: React.FC<IToggleButton> = ({ options, categoryLabel, selecte
 
   return (
     <FilterButton icon={options[selectedIndex].icon} onClick={() => onToggleCallback(selectedIndex)} {...{design}} {...props}>
-      {`${categoryLabel} : ${options[selectedIndex].text}`}
+      { categoryLabel && `${categoryLabel} : `}
+      {`${options[selectedIndex].text}`}
     </FilterButton>
   );
 };