diff --git a/src/components/profile/profileStyles.js b/src/components/profile/profileStyles.js index 16cfb7712..15f791761 100644 --- a/src/components/profile/profileStyles.js +++ b/src/components/profile/profileStyles.js @@ -8,6 +8,12 @@ export default EStyleSheet.create({ content: { backgroundColor: '$primaryGrayBackground', }, + mutedView: { + flex: 1, + backgroundColor: '$primaryLightBackground', + alignItems: 'center', + marginTop: 72, + }, cover: { width: '$deviceWidth', height: 160, diff --git a/src/components/profile/profileView.js b/src/components/profile/profileView.js index d181d062a..fcaa17321 100644 --- a/src/components/profile/profileView.js +++ b/src/components/profile/profileView.js @@ -5,6 +5,7 @@ import get from 'lodash/get'; import { connect } from 'react-redux'; // Components +import EStyleSheet from 'react-native-extended-stylesheet'; import { CollapsibleCard } from '../collapsibleCard'; import { Comments } from '../comments'; import { Header } from '../header'; @@ -23,6 +24,7 @@ import styles from './profileStyles'; import { TabbedPosts } from '../tabbedPosts'; import CommentsTabContent from './children/commentsTabContent'; +import { Icon } from '..'; class ProfileView extends PureComponent { constructor(props) { @@ -248,12 +250,26 @@ class ProfileView extends PureComponent { ); }; + _renderMutedView = () => { + return ( + + + + ); + }; + _isCloseToBottom({ layoutMeasurement, contentOffset, contentSize }) { return layoutMeasurement.height + contentOffset.y >= contentSize.height - 20; } render() { - const { handleOnBackPress, isOwnProfile, quickProfile, reverseHeader } = this.props; + const { handleOnBackPress, quickProfile, reverseHeader, isMuted } = this.props; return ( @@ -265,7 +281,7 @@ class ProfileView extends PureComponent { /> {this._renderProfileContent()} - {this._renderTabs()} + {!isMuted ? this._renderTabs() : this._renderMutedView()} );