kyber

1
import { useTranslation } from 'react-i18next'
2
import { useAppDispatch, useAppSelector } from '../../app/hooks'
3
import { isDebug, toggleDebug } from '../../features/Kyber/Servers/serversSlice'
4

5
export const Debug = () => {
6

7
  const { t } = useTranslation()
8
  const debug = useAppSelector(isDebug)
9
  const dispatch = useAppDispatch()
10
  
11
  return (
12
    <div>
13
      <p className='uppercase'>{t('components.debug.title')}:&nbsp;</p>
14
      <div className='radio-wrapper x2 filter-switch' style={{margin: 7, width: 125}}>
15
          
16
        <div className="filter-switch-item" >
17
          <input type="radio" id="debug-on" name="debug" value="on" checked={debug}
18
            onChange={() => dispatch(toggleDebug(true))} />
19
          <label htmlFor="debug-on">{t('common.switch.on')}</label>
20
        </div>
21
        <div className="filter-switch-item">
22
          <input type="radio" id="debug-off" name="debug" value="off" checked={!debug}
23
            onChange={() => dispatch(toggleDebug(false))} />
24
          <label htmlFor="debug-off">{t('common.switch.off')}</label>
25
        </div>
26
      </div>
27
    </div>
28
  )
29
}