From b1571b1e1d679c227aecfdb5d3b599d68f875b64 Mon Sep 17 00:00:00 2001 From: Billie Thompson Date: Sat, 28 Jan 2017 23:49:42 +0000 Subject: [PATCH 1/2] Add missing back button to "Follow Requests" Currently we have the problem where the follow request button is missing from the Follow request tab. This means that when you visit that tab you either have to press the back button in the browser or re-enter the home page, which breaks the app flow. This will resolve that issue by adding a new back button to that tab, in the same way that the public timeline, and favourites have. --- .../javascripts/components/features/follow_requests/index.jsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/assets/javascripts/components/features/follow_requests/index.jsx b/app/assets/javascripts/components/features/follow_requests/index.jsx index 4613709993..5c60b60282 100644 --- a/app/assets/javascripts/components/features/follow_requests/index.jsx +++ b/app/assets/javascripts/components/features/follow_requests/index.jsx @@ -4,6 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import LoadingIndicator from '../../components/loading_indicator'; import { ScrollContainer } from 'react-router-scroll'; import Column from '../ui/components/column'; +import ColumnBackButton from '../../components/column_back_button'; import AccountAuthorizeContainer from './containers/account_authorize_container'; import { fetchFollowRequests, expandFollowRequests } from '../../actions/accounts'; import { defineMessages, injectIntl } from 'react-intl'; @@ -51,6 +52,7 @@ const FollowRequests = React.createClass({ return ( +
{accountIds.map(id => From 9bde804ba2fe9ea934e702367b13461fb8da431f Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Mon, 30 Jan 2017 15:22:04 +0100 Subject: [PATCH 2/2] Resolve confusion between ColumnBackButton and the slim version that the public timeline has been using --- .../column_back_button_slim.jsx} | 4 ++-- .../features/favourited_statuses/index.jsx | 4 ++-- .../components/features/follow_requests/index.jsx | 4 ++-- .../components/features/hashtag_timeline/index.jsx | 12 ++++++------ .../components/features/public_timeline/index.jsx | 12 ++++++------ 5 files changed, 18 insertions(+), 18 deletions(-) rename app/assets/javascripts/components/{features/public_timeline/components/column_back_button.jsx => components/column_back_button_slim.jsx} (91%) diff --git a/app/assets/javascripts/components/features/public_timeline/components/column_back_button.jsx b/app/assets/javascripts/components/components/column_back_button_slim.jsx similarity index 91% rename from app/assets/javascripts/components/features/public_timeline/components/column_back_button.jsx rename to app/assets/javascripts/components/components/column_back_button_slim.jsx index 4535f8f283..cdbe135057 100644 --- a/app/assets/javascripts/components/features/public_timeline/components/column_back_button.jsx +++ b/app/assets/javascripts/components/components/column_back_button_slim.jsx @@ -18,7 +18,7 @@ const iconStyle = { marginRight: '5px' }; -const ColumnBackButton = React.createClass({ +const ColumnBackButtonSlim = React.createClass({ contextTypes: { router: React.PropTypes.object @@ -43,4 +43,4 @@ const ColumnBackButton = React.createClass({ }); -export default ColumnBackButton; +export default ColumnBackButtonSlim; diff --git a/app/assets/javascripts/components/features/favourited_statuses/index.jsx b/app/assets/javascripts/components/features/favourited_statuses/index.jsx index a2d5217365..1e9dafbdde 100644 --- a/app/assets/javascripts/components/features/favourited_statuses/index.jsx +++ b/app/assets/javascripts/components/features/favourited_statuses/index.jsx @@ -5,7 +5,7 @@ import LoadingIndicator from '../../components/loading_indicator'; import { fetchFavouritedStatuses, expandFavouritedStatuses } from '../../actions/favourites'; import Column from '../ui/components/column'; import StatusList from '../../components/status_list'; -import ColumnBackButton from '../public_timeline/components/column_back_button'; +import ColumnBackButtonSlim from '../../components/column_back_button_slim'; import { defineMessages, injectIntl } from 'react-intl'; const messages = defineMessages({ @@ -52,7 +52,7 @@ const Favourites = React.createClass({ return ( - + ); diff --git a/app/assets/javascripts/components/features/follow_requests/index.jsx b/app/assets/javascripts/components/features/follow_requests/index.jsx index 5c60b60282..3bee532c5c 100644 --- a/app/assets/javascripts/components/features/follow_requests/index.jsx +++ b/app/assets/javascripts/components/features/follow_requests/index.jsx @@ -4,7 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import LoadingIndicator from '../../components/loading_indicator'; import { ScrollContainer } from 'react-router-scroll'; import Column from '../ui/components/column'; -import ColumnBackButton from '../../components/column_back_button'; +import ColumnBackButtonSlim from '../../components/column_back_button_slim'; import AccountAuthorizeContainer from './containers/account_authorize_container'; import { fetchFollowRequests, expandFollowRequests } from '../../actions/accounts'; import { defineMessages, injectIntl } from 'react-intl'; @@ -52,7 +52,7 @@ const FollowRequests = React.createClass({ return ( - +
{accountIds.map(id => diff --git a/app/assets/javascripts/components/features/hashtag_timeline/index.jsx b/app/assets/javascripts/components/features/hashtag_timeline/index.jsx index f28e01a003..011b1e54da 100644 --- a/app/assets/javascripts/components/features/hashtag_timeline/index.jsx +++ b/app/assets/javascripts/components/features/hashtag_timeline/index.jsx @@ -7,7 +7,7 @@ import { updateTimeline, deleteFromTimelines } from '../../actions/timelines'; -import ColumnBackButton from '../public_timeline/components/column_back_button'; +import ColumnBackButtonSlim from '../../components/column_back_button_slim'; const HashtagTimeline = React.createClass({ @@ -27,10 +27,10 @@ const HashtagTimeline = React.createClass({ received (data) { switch(data.type) { - case 'update': - return dispatch(updateTimeline('tag', JSON.parse(data.message))); - case 'delete': - return dispatch(deleteFromTimelines(data.id)); + case 'update': + return dispatch(updateTimeline('tag', JSON.parse(data.message))); + case 'delete': + return dispatch(deleteFromTimelines(data.id)); } } @@ -69,7 +69,7 @@ const HashtagTimeline = React.createClass({ return ( - + ); diff --git a/app/assets/javascripts/components/features/public_timeline/index.jsx b/app/assets/javascripts/components/features/public_timeline/index.jsx index eac85f01bd..28cdc639ad 100644 --- a/app/assets/javascripts/components/features/public_timeline/index.jsx +++ b/app/assets/javascripts/components/features/public_timeline/index.jsx @@ -8,7 +8,7 @@ import { deleteFromTimelines } from '../../actions/timelines'; import { defineMessages, injectIntl } from 'react-intl'; -import ColumnBackButton from './components/column_back_button'; +import ColumnBackButtonSlim from '../../components/column_back_button_slim'; const messages = defineMessages({ title: { id: 'column.public', defaultMessage: 'Public' } @@ -33,10 +33,10 @@ const PublicTimeline = React.createClass({ received (data) { switch(data.type) { - case 'update': - return dispatch(updateTimeline('public', JSON.parse(data.message))); - case 'delete': - return dispatch(deleteFromTimelines(data.id)); + case 'update': + return dispatch(updateTimeline('public', JSON.parse(data.message))); + case 'delete': + return dispatch(deleteFromTimelines(data.id)); } } @@ -55,7 +55,7 @@ const PublicTimeline = React.createClass({ return ( - + );