Fixes

AudiusProject · Dec 13, 2024 · 31d55c2 · 31d55c2
1 parent 446172a
commit 31d55c2
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/packages/harmony/src/components/segmented-control/SegmentedControl.tsx b/packages/harmony/src/components/segmented-control/SegmentedControl.tsx
@@ -15,25 +15,27 @@ import { SegmentedControlProps } from './types'
  * A hybrid somewhere between a button group, radio buttons, and tabs;
  * segmented controls are used to switch between different options or views.
  */
-export const SegmentedControl = <T extends string>({
-  options,
-  selected,
-  onSelectOption,
-  className,
-  fullWidth,
-  isMobile,
-  disabled,
-  label,
-  'aria-labelledby': ariaLabelledBy,
-  equalWidth,
-  forceRefreshAfterMs
-}: SegmentedControlProps<T>) => {
+export const SegmentedControl = <T extends string>(
+  props: SegmentedControlProps<T>
+) => {
+  const {
+    options,
+    selected,
+    onSelectOption,
+    className,
+    fullWidth,
+    isMobile,
+    disabled,
+    label,
+    'aria-labelledby': ariaLabelledBy,
+    equalWidth,
+    forceRefreshAfterMs
+  } = props
   const optionRefs = useRef(options.map((_) => createRef<HTMLLabelElement>()))
   const [localSelected, setLocalSelected] = useState(options[0].key)
   const [maxOptionWidth, setMaxOptionWidth] = useState(0)
 
   const selectedOption = selected || localSelected
-  console.log('selectedOption', selectedOption)
 
   const onSetSelected = (option: T) => {
     // Call props function if controlled