random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated components to use BlockHeading

Browse Source 
• Updated:
- components to use BlockHeading
This commit is contained in:
mgabdev
2020-08-06 23:14:13 -05:00
parent 083a864be3
commit 6328b21186
7 changed files with 110 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/javascript/gabsocial/features/following.js
View File

@@ -9,7 +9,7 @@ import {
import Account from '../components/account'
import ScrollableList from '../components/scrollable_list'
import Block from '../components/block'
import Heading from '../components/heading'
import BlockHeading from '../components/block_heading'
import AccountPlaceholder from '../components/placeholder/account_placeholder'
const mapStateToProps = (state, { account }) => {
@@ -76,29 +76,23 @@ class Following extends ImmutablePureComponent {
return (
<Block>
<div className={[_s.default, _s.px15, _s.py10, _s.justifyContentCenter].join(' ')}>
<Heading size='h2'>
{intl.formatMessage(messages.follows)}
</Heading>
</div>
<div className={[_s.default, _s.py10].join(' ')}>
<ScrollableList
scrollKey='following'
hasMore={hasMore}
isLoading={isLoading}
showLoading={isLoading}
onLoadMore={this.handleLoadMore}
placeholderComponent={AccountPlaceholder}
placeholderCount={4}
emptyMessage={intl.formatMessage(messages.empty)}
>
{
account && accountIds && accountIds.map((id) => (
<Account key={`following-${id}`} id={id} compact withBio />
))
}
</ScrollableList>
</div>
<BlockHeading title={intl.formatMessage(messages.follows)} />
<ScrollableList
scrollKey='following'
hasMore={hasMore}
isLoading={isLoading}
showLoading={isLoading}
onLoadMore={this.handleLoadMore}
placeholderComponent={AccountPlaceholder}
placeholderCount={4}
emptyMessage={intl.formatMessage(messages.empty)}
>
{
account && accountIds && accountIds.map((id) => (
<Account key={`following-${id}`} id={id} compact withBio />
))
}
</ScrollableList>
</Block>
)
}