Check URL params defensively, probably fixes #670

app/soapbox/features/account_gallery/index.js

@@ -18,7 +18,8 @@ import { openModal } from 'soapbox/actions/modal';
 import { NavLink } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
 
-const mapStateToProps = (state, { params: { username }, withReplies = false }) => {
+const mapStateToProps = (state, { params, withReplies = false }) => {
+  const username = params.username || '';
   const me = state.get('me');
   const accounts = state.getIn(['accounts']);
   const accountFetchError = (state.getIn(['accounts', -1, 'username'], '').toLowerCase() === username.toLowerCase());

app/soapbox/features/account_timeline/index.js

@@ -18,7 +18,8 @@ import { getSoapboxConfig } from 'soapbox/actions/soapbox';
 
 const emptyList = ImmutableList();
 
-const mapStateToProps = (state, { params: { username }, withReplies = false }) => {
+const mapStateToProps = (state, { params, withReplies = false }) => {
+  const username = params.username || '';
   const me = state.get('me');
   const accounts = state.getIn(['accounts']);
   const accountFetchError = (state.getIn(['accounts', -1, 'username'], '').toLowerCase() === username.toLowerCase());

app/soapbox/features/favourited_statuses/index.js

@@ -10,7 +10,8 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { debounce } from 'lodash';
 import MissingIndicator from 'soapbox/components/missing_indicator';
 
-const mapStateToProps = (state, { params: { username } }) => {
+const mapStateToProps = (state, { params }) => {
+  const username = params.username || '';
   const me = state.get('me');
   const meUsername = state.getIn(['accounts', me, 'username']);
   return {

app/soapbox/features/followers/index.js

@@ -18,7 +18,8 @@ import ScrollableList from '../../components/scrollable_list';
 import MissingIndicator from 'soapbox/components/missing_indicator';
 import { getFollowDifference } from 'soapbox/utils/accounts';
 
-const mapStateToProps = (state, { params: { username }, withReplies = false }) => {
+const mapStateToProps = (state, { params, withReplies = false }) => {
+  const username = params.username || '';
   const me = state.get('me');
   const accounts = state.getIn(['accounts']);
   const accountFetchError = (state.getIn(['accounts', -1, 'username'], '').toLowerCase() === username.toLowerCase());

app/soapbox/features/following/index.js

@@ -18,7 +18,8 @@ import ScrollableList from '../../components/scrollable_list';
 import MissingIndicator from 'soapbox/components/missing_indicator';
 import { getFollowDifference } from 'soapbox/utils/accounts';
 
-const mapStateToProps = (state, { params: { username }, withReplies = false }) => {
+const mapStateToProps = (state, { params, withReplies = false }) => {
+  const username = params.username || '';
   const me = state.get('me');
   const accounts = state.getIn(['accounts']);
   const accountFetchError = (state.getIn(['accounts', -1, 'username'], '').toLowerCase() === username.toLowerCase());

app/soapbox/features/pinned_statuses/index.js

@@ -9,7 +9,8 @@ import { injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import MissingIndicator from 'soapbox/components/missing_indicator';
 
-const mapStateToProps = (state, { params: { username } }) => {
+const mapStateToProps = (state, { params }) => {
+  const username = params.username || '';
   const me = state.get('me');
   const meUsername = state.getIn(['accounts', me, 'username']);
   return {

app/soapbox/pages/profile_page.js

@@ -16,7 +16,8 @@ import { getFeatures } from 'soapbox/utils/features';
 import { makeGetAccount } from '../selectors';
 import { Redirect } from 'react-router-dom';
 
-const mapStateToProps = (state, { params: { username }, withReplies = false }) => {
+const mapStateToProps = (state, { params, withReplies = false }) => {
+  const username = params.username || '';
   const accounts = state.getIn(['accounts']);
   const accountFetchError = (state.getIn(['accounts', -1, 'username'], '').toLowerCase() === username.toLowerCase());
   const getAccount = makeGetAccount();