config-sidebar ContentTab.tsx

0% Statements 0/35

0% Branches 0/1

0% Functions 0/1

0% Lines 0/35

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client'

import { useTheme } from '@/contexts/ThemeContext'
import { OperatorSection } from '../config-panel/OperatorSection'
import { useWorksheetConfig } from '../WorksheetConfigContext'

export function ContentTab() {
  const { formState, onChange } = useWorksheetConfig()
  const { resolvedTheme } = useTheme()
  const isDark = resolvedTheme === 'dark'

  return (
    <div data-component="operator-tab">
      {/* Operator Selector - First class, no container */}
      <OperatorSection
        operator={formState.operator}
        onChange={(operator) => {
          // If switching to 'mixed' while in mastery mode without both skill IDs,
          // automatically switch to smart mode to prevent errors
          const mode = formState.mode ?? 'custom'
          if (
            operator === 'mixed' &&
            mode === 'mastery' &&
            (!formState.currentAdditionSkillId || !formState.currentSubtractionSkillId)
          ) {
            onChange({ operator, mode: 'custom' })
          } else {
            onChange({ operator })
          }
        }}
        isDark={isDark}
      />
    </div>
  )
}