code quality

apps/website/ui/SegmentedControl.tsx

@@ -12,13 +12,15 @@ export interface SegmentedControlProps {
   activeId: string;
   onChange: (id: string) => void;
   fullWidth?: boolean;
+  'data-testid'?: string;
 }
 
-export const SegmentedControl = ({ 
-  options, 
-  activeId, 
+export const SegmentedControl = ({
+  options,
+  activeId,
   onChange,
-  fullWidth = false 
+  fullWidth = false,
+  'data-testid': dataTestId
 }: SegmentedControlProps) => {
   return (
     <Surface 
@@ -32,6 +34,7 @@ export const SegmentedControl = ({
         const isSelected = option.id === activeId;
         return (
           <button
+            data-testid={dataTestId ? `${dataTestId}-${option.id}` : undefined}
             key={option.id}
             onClick={() => onChange(option.id)}
             className={`flex-1 flex items-center justify-center gap-2 px-4 py-1.5 text-xs font-bold uppercase tracking-widest transition-all rounded-md ${