Updated PillItem, TabBarItem to check if isCurrent on component mount, update

• Updated:
- PillItem, TabBarItem to check if isCurrent on component mount, update

app/javascript/gabsocial/components/pill_item.js

@@ -19,17 +19,25 @@ class PillItem extends PureComponent {
     isCurrent: false,
   }
 
+  componentDidMount() {
+    this.checkIfCurrent()
+  }
+
   componentDidUpdate(prevProps) {
+    if (prevProps.location !== this.props.location) {
+      this.checkIfCurrent()
+    }
+  }
+
+  checkIfCurrent() {
     // If user navigates to different page, ensure tab bar item
     // with this.props.to that is on location is set to active.
-    if (this.props.location !== prevProps.location) {
     const isCurrent = this.props.to === this.props.location.pathname && !this.props.location.search
 
     if (this.state.isCurrent !== isCurrent) {
       this.setState({ isCurrent })
     }
   }
-  }
 
   render() {
     const {

app/javascript/gabsocial/components/tab_bar_item.js

@@ -27,17 +27,25 @@ class TabBarItem extends PureComponent {
     isCurrent: false,
   }
 
+  componentDidMount() {
+    this.checkIfCurrent()
+  }
+
   componentDidUpdate(prevProps) {
+    if (prevProps.location !== this.props.location) {
+      this.checkIfCurrent()
+    }
+  }
+
+  checkIfCurrent() {
     // If user navigates to different page, ensure tab bar item
     // with this.props.to that is on location is set to active.
-    if (this.props.location !== prevProps.location) {
     const isCurrent = this.props.to === this.props.location.pathname && !this.props.location.search
 
     if (this.state.isCurrent !== isCurrent) {
       this.setState({ isCurrent })
     }
   }
-  }
 
   render() {
     const {