import * as React from 'react'

interface TitleProps {
    text: string
    filterText: string
    onFilterTextClick(): void
}

const titleStyle: React.CSSProperties = {
    padding: '0 0 0.5em',
    font: '1.2em sans-serif',
    flex: 0,
}

const anchorStyle: React.CSSProperties = {
    textDecoration: 'underline',
    float: 'right',
}

const Title = (props: TitleProps) => (
    <div style={titleStyle}>
        {props.text}
        <a style={anchorStyle} onClick={props.onFilterTextClick}>
            {props.filterText}
        </a>
    </div>
)

export default Title

import * as React from 'react'

interface TitleProps {
    text: string
    filterText: string
    onFilterTextClick(): void
}

const titleStyle: React.CSSProperties = {
    padding: '0 0 0.5em',
    font: '1.2em sans-serif',
    flex: 0,
}

const anchorStyle: React.CSSProperties = {
    textDecoration: 'underline',
    float: 'right',
    cursor: 'pointer',
}

const Title = (props: TitleProps) => (
    <div style={titleStyle}>
        {props.text}
        <a
            style={anchorStyle}
            onClick={props.onFilterTextClick}
            role="button"
        >
            {props.filterText}
        </a>
    </div>
)

export default Title

Make filter button a bit more obvious
Make filter button a bit more obvious

Signed-off-by: Andy Shu <d9a5ae79e0620530e640970c782273ccd89702f2@gmail.com>
