update: disabled radio button status

ingresse · Feb 28, 2020 · e760e76 · e760e76
1 parent e034598
commit e760e76
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/Form/RadioButton/RadioButton.jsx b/src/components/Form/RadioButton/RadioButton.jsx
@@ -22,6 +22,7 @@ function RadioButton({
  return (
  <RadioButtonWrapper
  htmlFor={id}
+ disabled={disabled}
  {...rest}
  >
  <RadioButtonInput

diff --git a/src/components/Form/RadioButton/RadioButtonStyled.js b/src/components/Form/RadioButton/RadioButtonStyled.js
@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+import { css } from '@emotion/core';
 import { colors } from '../../../utils';
 
 export const RadioButtonWrapper = styled.label`
@@ -10,6 +11,15 @@ export const RadioButtonWrapper = styled.label`
  padding-top: 5px;
  padding-left: 40px;
  padding-bottom: 5px;
+
+ span {
+ ${(props) => props.disabled &&
+ css`
+ color: ${colors.get('disabled')};
+ text-decoration: line-through;
+ `
+ }
+ }
 `;
 
 export const RadioButtonInput = styled.input`