diff options
Diffstat (limited to 'openecomp-ui/src/nfvo-components/accordion/Accordion.jsx')
| -rw-r--r-- | openecomp-ui/src/nfvo-components/accordion/Accordion.jsx | 63 |
1 files changed, 33 insertions, 30 deletions
diff --git a/openecomp-ui/src/nfvo-components/accordion/Accordion.jsx b/openecomp-ui/src/nfvo-components/accordion/Accordion.jsx index ac19072307..72f8de0d23 100644 --- a/openecomp-ui/src/nfvo-components/accordion/Accordion.jsx +++ b/openecomp-ui/src/nfvo-components/accordion/Accordion.jsx @@ -4,9 +4,9 @@ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at - * + * * http://www.apache.org/licenses/LICENSE-2.0 - * + * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. @@ -18,35 +18,38 @@ import React from 'react'; import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js'; import PropTypes from 'prop-types'; - class Accordion extends React.Component { + static propTypes = { + title: PropTypes.string, + children: PropTypes.node + }; - static propTypes = { - title: PropTypes.string, - children: PropTypes.node - } - - constructor(props) { - super(props); - this.state = { - open: false - }; - } - render() { - const {children, title} = this.props; - const {open} = this.state; - return ( - <div className='accordion'> - <div onClick={()=>this.setState({open: !open})} className='accordion-header'> - <SVGIcon name='chevronUp' iconClassName={open ? 'down' : ''}/> - <div className='title'>{title}</div> - </div> - <div className={`accordion-body ${open ? 'open' : ''}`}> - {children} - </div> - </div> - ); - } + constructor(props) { + super(props); + this.state = { + open: false + }; + } + render() { + const { children, title } = this.props; + const { open } = this.state; + return ( + <div className="accordion"> + <div + onClick={() => this.setState({ open: !open })} + className="accordion-header"> + <SVGIcon + name="chevronUp" + iconClassName={open ? 'down' : ''} + /> + <div className="title">{title}</div> + </div> + <div className={`accordion-body ${open ? 'open' : ''}`}> + {children} + </div> + </div> + ); + } } -export default Accordion;
\ No newline at end of file +export default Accordion; |