EdgeVPNio
/
portal
mirror of https://github.com/EdgeVPNio/portal.git
1
0
Fork 0
Code Issues Releases Wiki Activity

minor fixes

pull/1/head
Dennis-Gireesh 2021-07-20 18:59:14 -04:00
parent ca3077abd8
commit ec1b140af9
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/CollapsibleButton.js
View File

@ -3,7 +3,7 @@ import Card from "react-bootstrap/Card";
import "bootstrap/dist/css/bootstrap.min.css"; import "bootstrap/dist/css/bootstrap.min.css";
import Accordion from "react-bootstrap/Accordion"; import Accordion from "react-bootstrap/Accordion";
import Button from "react-bootstrap/Button"; import Button from "react-bootstrap/Button";
import DowmArrow from "../images/icons/down-arrow-ic.svg"; import DownArrow from "../images/icons/down-arrow-ic.svg";
import UpArrow from "../images/icons/up-arrow-ic.svg"; import UpArrow from "../images/icons/up-arrow-ic.svg";
import { connect } from "react-redux"; import { connect } from "react-redux";
@ -11,7 +11,7 @@ class CollapsibleButton extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.isToggle = false; this.isToggle = false;
this.accordionStyle = this.props.isOpen ? "block" : "none" this.accordionStyle = this.props.isOpen ? "block" : "none";
} }
componentDidUpdate(prevProps, prevState) { componentDidUpdate(prevProps, prevState) {
if (this.props.selectedOverlayId !== prevProps.selectedOverlayId) { if (this.props.selectedOverlayId !== prevProps.selectedOverlayId) {
@ -28,7 +28,7 @@ class CollapsibleButton extends React.Component {
handleOnClick(){ handleOnClick(){
this.isToggle = !this.isToggle; this.isToggle = !this.isToggle;
this.accordionStyle = this.isToggle ? "block" : "none"; this.accordionStyle = this.isToggle ? "block" : "none";
}; }
render() { render() {
return ( return (
@ -54,7 +54,7 @@ class CollapsibleButton extends React.Component {
{this.props.isToggle ? ( {this.props.isToggle ? (
<img className="arrow" src={UpArrow} alt="up-arrow" /> <img className="arrow" src={UpArrow} alt="up-arrow" />
) : ( ) : (
<img className="arrow" src={DowmArrow} alt="down-arrow" /> <img className="arrow" src={DownArrow} alt="down-arrow" />
)} )}
</div> </div>
</div> </div>