Commit 60f6900d authored by mgabdev's avatar mgabdev

Updated profile components to display loading placeholders

• Updated:
- profile components to display loading placeholders instead of error message on load
parent 13127960
......@@ -142,7 +142,7 @@ class ProfileHeader extends ImmutablePureComponent {
}
const headerSrc = !!account ? account.get('header') : undefined
const headerMissing = headerSrc.indexOf(PLACEHOLDER_MISSING_HEADER_SRC) > -1 || !headerSrc
const headerMissing = !headerSrc ? true : headerSrc.indexOf(PLACEHOLDER_MISSING_HEADER_SRC) > -1
const avatarSize = headerMissing ? 75 : 150
const top = headerMissing ? -46 : -380
......
......@@ -20,7 +20,7 @@ const mapStateToProps = (state, { account, commentsOnly = false }) => {
accountId,
statusIds: state.getIn(['timelines', `account:${path}`, 'items'], emptyList),
featuredStatusIds: commentsOnly ? ImmutableList() : state.getIn(['timelines', `account:${accountId}:pinned`, 'items'], emptyList),
isLoading: state.getIn(['timelines', `account:${path}`, 'isLoading']),
isLoading: state.getIn(['timelines', `account:${path}`, 'isLoading'], true),
hasMore: state.getIn(['timelines', `account:${path}`, 'hasMore']),
}
}
......@@ -87,6 +87,7 @@ class AccountTimeline extends ImmutablePureComponent {
statusIds={statusIds}
featuredStatusIds={featuredStatusIds}
isLoading={isLoading}
showLoading={isLoading}
hasMore={hasMore}
onLoadMore={this.handleLoadMore}
emptyMessage={intl.formatMessage(messages.empty)}
......
......@@ -19,7 +19,7 @@ const mapStateToProps = (state, { account }) => {
accountId,
accountIds: state.getIn(['user_lists', 'followers', accountId, 'items']),
hasMore: !!state.getIn(['user_lists', 'followers', accountId, 'next']),
isLoading: state.getIn(['user_lists', 'followers', accountId, 'isLoading']),
isLoading: state.getIn(['user_lists', 'followers', accountId, 'isLoading'], true),
}
}
......
......@@ -19,7 +19,7 @@ const mapStateToProps = (state, { account }) => {
accountId,
accountIds: state.getIn(['user_lists', 'following', accountId, 'items']),
hasMore: !!state.getIn(['user_lists', 'following', accountId, 'next']),
isLoading: state.getIn(['user_lists', 'following', accountId, 'isLoading']),
isLoading: state.getIn(['user_lists', 'following', accountId, 'isLoading'], true),
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment