From ef00dc71e430f5b8f14eceddbc3f948ef7601e46 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Mon, 15 Jun 2020 12:45:02 -0400
Subject: [PATCH] group-filter: close modal on navigation

---
 pkg/interface/src/components/GroupFilter.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/components/GroupFilter.js b/pkg/interface/src/components/GroupFilter.js
index 24efc740a4..9f29ce563a 100644
--- a/pkg/interface/src/components/GroupFilter.js
+++ b/pkg/interface/src/components/GroupFilter.js
@@ -163,7 +163,7 @@ export default class GroupFilter extends Component {
           <li
           key={group[0]}
           className="tl list white-d f9 pv2 ph3 pointer hover-bg-gray4 hover-bg-gray1-d inter"
-onClick={() => this.addGroup(group)}
+          onClick={() => this.addGroup(group)}
           >
             <span className="mix-blend-diff white">{(group[1]) ? group[1] : group[0]}</span>
           </li>
@@ -223,7 +223,12 @@ onClick={() => this.addGroup(group)}
 }}
         >
           <p className="tc bb b--gray3 b--gray1-d gray3 pv4 f9">Group Select and Filter</p>
-          <Link to="/~groups" className="ma4 bg-gray5 bg-gray1-d f9 tl pa1 br1 db no-underline" style={{ paddingLeft: '6.5px', paddingRight: '6.5px' }}>Manage all Groups
+          <Link to="/~groups"
+          className="ma4 bg-gray5 bg-gray1-d f9 tl pa1 br1 db no-underline"
+          style={{ paddingLeft: '6.5px', paddingRight: '6.5px' }}
+          onClick={() => this.setState({ open: false })}
+          >
+          Manage all Groups
           {inviteCount}
           </Link>
           <p className="pt4 gray3 f9 tl mh4">Filter Groups</p>