File tree Expand file tree Collapse file tree 1 file changed +6
-3
lines changed Expand file tree Collapse file tree 1 file changed +6
-3
lines changed Original file line number Diff line number Diff line change 1
1
/** @jsx jsx */
2
2
import { jsx } from '@emotion/core'
3
3
import React , { useCallback , useState } from 'react'
4
- import { RadioButton } from '@sumup/circuit-ui'
5
- import styled from '@emotion/styled/macro'
4
+ import { Toggle } from '@sumup/circuit-ui'
6
5
import { useTranslation } from 'react-i18next'
7
6
import tw from 'twin.macro'
8
7
import useSWR , { mutate } from 'swr'
@@ -62,7 +61,11 @@ const Page: React.FC = () => {
62
61
< div key = { mod } tw = "flex items-center justify-between p-3" >
63
62
< div tw = "truncate leading-normal text-gray-700" > { mod } </ div >
64
63
< div tw = "flex items-center" >
65
- < RadioButton
64
+ < Toggle
65
+ noMargin
66
+ label = ""
67
+ labelChecked = "on"
68
+ labelUnchecked = "off"
66
69
disabled = { isLoading }
67
70
checked = { isChecked ( mod ) }
68
71
onChange = { ( ) => toggle ( mod , ! isChecked ( mod ) ) }
You can’t perform that action at this time.
0 commit comments