diff options
Diffstat (limited to 'src/components/ui/badge')
-rw-r--r-- | src/components/ui/badge/ProBadge.tsx | 14 | ||||
-rw-r--r-- | src/components/ui/badge/index.tsx | 18 |
2 files changed, 16 insertions, 16 deletions
diff --git a/src/components/ui/badge/ProBadge.tsx b/src/components/ui/badge/ProBadge.tsx index 62c45b77c..a5947d3a8 100644 --- a/src/components/ui/badge/ProBadge.tsx +++ b/src/components/ui/badge/ProBadge.tsx | |||
@@ -7,13 +7,6 @@ import { Theme } from '../../../themes'; | |||
7 | import Icon from '../icon'; | 7 | import Icon from '../icon'; |
8 | import Badge from './index'; | 8 | import Badge from './index'; |
9 | 9 | ||
10 | interface IProps extends WithStylesProps<typeof styles> { | ||
11 | badgeClasses?: string; | ||
12 | iconClasses?: string; | ||
13 | inverted?: boolean; | ||
14 | className?: string; | ||
15 | } | ||
16 | |||
17 | const styles = (theme: Theme) => ({ | 10 | const styles = (theme: Theme) => ({ |
18 | badge: { | 11 | badge: { |
19 | height: 'auto', | 12 | height: 'auto', |
@@ -32,6 +25,13 @@ const styles = (theme: Theme) => ({ | |||
32 | }, | 25 | }, |
33 | }); | 26 | }); |
34 | 27 | ||
28 | interface IProps extends WithStylesProps<typeof styles> { | ||
29 | badgeClasses?: string; | ||
30 | iconClasses?: string; | ||
31 | inverted?: boolean; | ||
32 | className?: string; | ||
33 | } | ||
34 | |||
35 | class ProBadgeComponent extends Component<IProps> { | 35 | class ProBadgeComponent extends Component<IProps> { |
36 | render() { | 36 | render() { |
37 | const { classes, badgeClasses, iconClasses, inverted, className } = | 37 | const { classes, badgeClasses, iconClasses, inverted, className } = |
diff --git a/src/components/ui/badge/index.tsx b/src/components/ui/badge/index.tsx index 33e2f5d53..44fbf2d4a 100644 --- a/src/components/ui/badge/index.tsx +++ b/src/components/ui/badge/index.tsx | |||
@@ -4,23 +4,17 @@ import injectStyle, { WithStylesProps } from 'react-jss'; | |||
4 | 4 | ||
5 | import { Theme } from '../../../themes'; | 5 | import { Theme } from '../../../themes'; |
6 | 6 | ||
7 | interface IProps extends WithStylesProps<typeof styles> { | ||
8 | type: string; | ||
9 | className?: string; | ||
10 | children: ReactNode; | ||
11 | } | ||
12 | |||
13 | const badgeStyles = (theme: Theme) => { | 7 | const badgeStyles = (theme: Theme) => { |
14 | const styles = {}; | 8 | const styles = {}; |
15 | Object.keys(theme.styleTypes).map(style => { | 9 | Object.keys(theme.styleTypes).map(style => |
16 | Object.assign(styles, { | 10 | Object.assign(styles, { |
17 | [style]: { | 11 | [style]: { |
18 | background: theme.styleTypes[style].accent, | 12 | background: theme.styleTypes[style].accent, |
19 | color: theme.styleTypes[style].contrast, | 13 | color: theme.styleTypes[style].contrast, |
20 | border: theme.styleTypes[style].border, | 14 | border: theme.styleTypes[style].border, |
21 | }, | 15 | }, |
22 | }); | 16 | }), |
23 | }); | 17 | ); |
24 | 18 | ||
25 | return styles; | 19 | return styles; |
26 | }; | 20 | }; |
@@ -44,6 +38,12 @@ const styles = (theme: Theme) => ({ | |||
44 | ...badgeStyles(theme), | 38 | ...badgeStyles(theme), |
45 | }); | 39 | }); |
46 | 40 | ||
41 | interface IProps extends WithStylesProps<typeof styles> { | ||
42 | type: string; | ||
43 | className?: string; | ||
44 | children: ReactNode; | ||
45 | } | ||
46 | |||
47 | class BadgeComponent extends Component<IProps> { | 47 | class BadgeComponent extends Component<IProps> { |
48 | public static defaultProps = { | 48 | public static defaultProps = { |
49 | type: 'primary', | 49 | type: 'primary', |