diff options
| author | Haishan <[email protected]> | 2020-08-06 16:26:01 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-08-06 22:40:26 +0800 |
| commit | 2c9ee574ddd5d242021e5954ca6f6144f99eb7f2 (patch) | |
| tree | f085d8083f106f2decd1156c6ba715c34acd38ed /src/components/CollapsibleSectionHeader.js | |
| parent | 941224c13ba87d2c3f36fb86652f046a5c76e00d (diff) | |
refactor: improve a11y
Diffstat (limited to 'src/components/CollapsibleSectionHeader.js')
| -rw-r--r-- | src/components/CollapsibleSectionHeader.js | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/src/components/CollapsibleSectionHeader.js b/src/components/CollapsibleSectionHeader.js deleted file mode 100644 index 794aafb..0000000 --- a/src/components/CollapsibleSectionHeader.js +++ /dev/null @@ -1,33 +0,0 @@ -import cx from 'clsx'; -import React from 'react'; -import { ChevronDown } from 'react-feather'; - -import Button from './Button'; -import s from './CollapsibleSectionHeader.module.css'; -import { SectionNameType } from './shared/Basic'; - -type Props = { - name: string, - type: string, - qty?: number, - toggle?: () => void, - isOpen?: boolean, -}; - -export default function Header({ name, type, toggle, isOpen, qty }: Props) { - return ( - <div className={s.header}> - <div onClick={toggle} style={{ cursor: 'pointer' }}> - <SectionNameType name={name} type={type} /> - </div> - - {typeof qty === 'number' ? <span className={s.qty}>{qty}</span> : null} - - <Button kind="minimal" onClick={toggle} className={s.btn}> - <span className={cx(s.arrow, { [s.isOpen]: isOpen })}> - <ChevronDown size={20} /> - </span> - </Button> - </div> - ); -} |
