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()}
);