diff options
author | ThibG <thib@sitedethib.com> | 2019-08-03 19:10:50 +0200 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2019-08-05 14:20:21 +0200 |
commit | f02ffce24914324baefeae2335422140bf89d3ca (patch) | |
tree | 19fb7a8c12099ea91192663da434fc6a9af8d110 /app/javascript/flavours/glitch/components/text_icon_button.js | |
parent | 8b57d704dc455d1ffb1c31bb0ff6a19d58e322ce (diff) |
[Glitch] Change icon button styles to make hover/focus states more obvious
Port c8fd82332749cd58f85dd398d32559a02499c945 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/components/text_icon_button.js')
-rw-r--r-- | app/javascript/flavours/glitch/components/text_icon_button.js | 29 |
1 files changed, 0 insertions, 29 deletions
diff --git a/app/javascript/flavours/glitch/components/text_icon_button.js b/app/javascript/flavours/glitch/components/text_icon_button.js deleted file mode 100644 index 9c8ffab1f..000000000 --- a/app/javascript/flavours/glitch/components/text_icon_button.js +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -export default class TextIconButton extends React.PureComponent { - - static propTypes = { - label: PropTypes.string.isRequired, - title: PropTypes.string, - active: PropTypes.bool, - onClick: PropTypes.func.isRequired, - ariaControls: PropTypes.string, - }; - - handleClick = (e) => { - e.preventDefault(); - this.props.onClick(); - } - - render () { - const { label, title, active, ariaControls } = this.props; - - return ( - <button title={title} aria-label={title} className={`text-icon-button ${active ? 'active' : ''}`} aria-expanded={active} onClick={this.handleClick} aria-controls={ariaControls}> - {label} - </button> - ); - } - -} |