Changeset View
Changeset View
Standalone View
Standalone View
web/sidebar/expand-buttons.react.js
// @flow | // @flow | ||||
import { faCaretDown, faCaretRight } from '@fortawesome/free-solid-svg-icons'; | import { faCaretDown, faCaretRight } from '@fortawesome/free-solid-svg-icons'; | ||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; | ||||
import classNames from 'classnames'; | import classNames from 'classnames'; | ||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import css from './expand-buttons.css'; | import css from './expand-buttons.css'; | ||||
import Button from '../components/button.react.js'; | import Button from '../components/button.react.js'; | ||||
type Props = { | type Props = { | ||||
+onClick?: () => mixed, | +onClick?: ?() => mixed, | ||||
+expanded?: boolean, | +expanded?: boolean, | ||||
+disabled?: boolean, | +disabled?: boolean, | ||||
}; | }; | ||||
function ExpandButton(props: Props): React.Node { | function ExpandButton(props: Props): React.Node { | ||||
const { onClick, expanded = false, disabled } = props; | const { onClick, expanded = false, disabled } = props; | ||||
const icon = expanded ? faCaretDown : faCaretRight; | const icon = expanded ? faCaretDown : faCaretRight; | ||||
Show All 13 Lines |