fix: Make popup-action stay open when clicked (#366)

* Fix a bug where Popup state would not stick when clicked.

CHANGELOG.md

@@ -12,7 +12,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - `Fixed` for any bug fixes.
 - `Security`
 
-## [3.9.0] - 2020-11-03
+## [3.9.2] - 2020-11-04
+- https://github.com/teamsnap/teamsnap-ui/pull/366
+- `Fixed` Popup component - popup would not "stick" when trigger was clicked.
+- `Security` Bumped a dependency on object-path to resolve a known vulnerability in that dependency.
+
+## [3.9.1] - 2020-11-03
 - https://github.com/teamsnap/teamsnap-ui/pull/365
 - `Changed` Avatar component - Mods no longer a required prop
 - `Changed` Avatar component - Image should now fill the parent even if smaller than the parent.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamsnap/teamsnap-ui",
-  "version": "3.9.1",
+  "version": "3.9.2",
   "description": "a CSS component library for TeamSnap",
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",

src/js/components/Popup/PopupAction.tsx

@@ -1,7 +1,6 @@
 import * as React from "react";
 import * as PropTypes from "prop-types";
 
-
 interface State {
   isPopupOpen: boolean;
   isConfirmOpen: boolean;
@@ -78,7 +77,7 @@ export default class PopUpAction extends React.Component<PropTypes.InferProps<ty
             {this.props.text}
           </button>
           <div
-            className={"Popup-container " + dirString}
+            className={`Popup-container ${dirString} ${this.state.isPopupOpen ? "is-open" : ""}`}
             style={this.props.popupStyle}
           >
             <div className="Popup-content">