treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Make the column header of profile view look like the others, too 

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
lolsob-rspec
Mélanie Chauvel (ariasuni) 2019-02-27 13:36:40 +01:00 committed by ThibG
parent 2a7690601a
commit f01d004a1a
5 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/javascript/flavours/glitch/features/account/components/profile_column_header.js Normal file
View File

@ -0,0 +1,29 @@
import React from 'react';
import PropTypes from 'prop-types';
import ColumnHeader from '../../../components/column_header';
import { FormattedMessage, injectIntl, defineMessages } from 'react-intl';
const messages = defineMessages({
profile: { id: 'column_header.profile', defaultMessage: 'Profile' },
});
export default @injectIntl
class ProfileColumnHeader extends React.PureComponent {
static propTypes = {
intl: PropTypes.object.isRequired,
};
render() {
const { intl } = this.props;
return (
<ColumnHeader
icon='user-circle'
title={intl.formatMessage(messages.profile)}
showBackButton
>
</ColumnHeader>
)
}
}

4
app/javascript/flavours/glitch/features/account_gallery/index.js
View File

@ -6,7 +6,7 @@ import { fetchAccount } from 'flavours/glitch/actions/accounts';
import { expandAccountMediaTimeline } from 'flavours/glitch/actions/timelines';
import LoadingIndicator from 'flavours/glitch/components/loading_indicator';
import Column from 'flavours/glitch/features/ui/components/column';
import ColumnBackButton from 'flavours/glitch/components/column_back_button';
import ProfileColumnHeader from 'flavours/glitch/features/account/components/profile_column_header';
import ImmutablePureComponent from 'react-immutable-pure-component';
import { getAccountGallery } from 'flavours/glitch/selectors';
import MediaItem from './components/media_item';
@ -113,7 +113,7 @@ export default class AccountGallery extends ImmutablePureComponent {
return (
<Column>
<ColumnBackButton />
<ProfileColumnHeader />
<ScrollContainer scrollKey='account_gallery' shouldUpdateScroll={this.shouldUpdateScroll}>
<div className='scrollable scrollable--flex' onScroll={this.handleScroll}>

4
app/javascript/flavours/glitch/features/account_timeline/index.js
View File

@ -7,8 +7,8 @@ import { expandAccountFeaturedTimeline, expandAccountTimeline } from 'flavours/g
import StatusList from '../../components/status_list';
import LoadingIndicator from '../../components/loading_indicator';
import Column from '../ui/components/column';
import ProfileColumnHeader from 'flavours/glitch/features/account/components/profile_column_header';
import HeaderContainer from './containers/header_container';
import ColumnBackButton from '../../components/column_back_button';
import { List as ImmutableList } from 'immutable';
import ImmutablePureComponent from 'react-immutable-pure-component';
import { FormattedMessage } from 'react-intl';
@ -74,7 +74,7 @@ export default class AccountTimeline extends ImmutablePureComponent {
return (
<Column name='account'>
<ColumnBackButton />
<ProfileColumnHeader />
<StatusList
prepend={<HeaderContainer accountId={this.props.params.accountId} />}

4
app/javascript/flavours/glitch/features/followers/index.js
View File

@ -11,9 +11,9 @@ import {
import { ScrollContainer } from 'react-router-scroll-4';
import AccountContainer from 'flavours/glitch/containers/account_container';
import Column from 'flavours/glitch/features/ui/components/column';
import ProfileColumnHeader from 'flavours/glitch/features/account/components/profile_column_header';
import HeaderContainer from 'flavours/glitch/features/account_timeline/containers/header_container';
import LoadMore from 'flavours/glitch/components/load_more';
import ColumnBackButton from 'flavours/glitch/components/column_back_button';
import ImmutablePureComponent from 'react-immutable-pure-component';
const mapStateToProps = (state, props) => ({
@ -80,7 +80,7 @@ export default class Followers extends ImmutablePureComponent {
return (
<Column>
<ColumnBackButton />
<ProfileColumnHeader />
<ScrollContainer scrollKey='followers' shouldUpdateScroll={this.shouldUpdateScroll}>
<div className='scrollable' onScroll={this.handleScroll}>

5
app/javascript/flavours/glitch/features/following/index.js
View File

@ -11,9 +11,9 @@ import {
import { ScrollContainer } from 'react-router-scroll-4';
import AccountContainer from 'flavours/glitch/containers/account_container';
import Column from 'flavours/glitch/features/ui/components/column';
import ProfileColumnHeader from 'flavours/glitch/features/account/components/profile_column_header';
import HeaderContainer from 'flavours/glitch/features/account_timeline/containers/header_container';
import LoadMore from 'flavours/glitch/components/load_more';
import ColumnBackButton from 'flavours/glitch/components/column_back_button';
import ImmutablePureComponent from 'react-immutable-pure-component';
const mapStateToProps = (state, props) => ({
@ -80,7 +80,7 @@ export default class Following extends ImmutablePureComponent {
return (
<Column>
<ColumnBackButton />
<ProfileColumnHeader />
<ScrollContainer scrollKey='following' shouldUpdateScroll={this.shouldUpdateScroll}>
<div className='scrollable' onScroll={this.handleScroll}>
@ -94,5 +94,4 @@ export default class Following extends ImmutablePureComponent {
</Column>
);
}
}