diff options
| author | Janito Vaqueiro Ferreira Filho <janito@mullvad.net> | 2018-10-01 12:32:42 -0300 |
|---|---|---|
| committer | Janito Vaqueiro Ferreira Filho <janito@mullvad.net> | 2018-10-01 16:39:02 -0300 |
| commit | 5fe178e547245b46bfde421413a133a030bbf8f1 (patch) | |
| tree | 3b45aa0f928c711cbf5cfc5b759f6735d0c71a73 | |
| parent | 0b385cab4bcc25e93d05755af147d5c17ca9e171 (diff) | |
| download | mullvadvpn-5fe178e547245b46bfde421413a133a030bbf8f1.tar.xz mullvadvpn-5fe178e547245b46bfde421413a133a030bbf8f1.zip | |
Create `Cell.Icon` component with hover support
| -rw-r--r-- | gui/packages/desktop/src/renderer/components/Cell.js | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/gui/packages/desktop/src/renderer/components/Cell.js b/gui/packages/desktop/src/renderer/components/Cell.js index 61216f5ccb..f4027e690e 100644 --- a/gui/packages/desktop/src/renderer/components/Cell.js +++ b/gui/packages/desktop/src/renderer/components/Cell.js @@ -196,6 +196,25 @@ export function SubText({ children, style, ...otherProps }: SubTextProps) { ); } +export type IconProps = { + cellHoverStyle?: Types.ViewStyle, + style?: Types.ViewStyle, +}; + +export function Icon({ style, cellHoverStyle, ...otherProps }: IconProps) { + return ( + <CellHoverContext.Consumer> + {(hovered) => ( + <PlainImg + tintColor={'currentColor'} + style={[styles.icon, style, hovered && cellHoverStyle]} + {...otherProps} + /> + )} + </CellHoverContext.Consumer> + ); +} + export function Footer({ children }: ContainerProps) { return ( <View style={styles.footer.container}> |