Merge pull request #463 from suprstarrd/fix/viewable-user-posts

fix: prevent posts of deleted/banned users from being viewed

Author: mrjvs

apps/juxtaposition-ui/src/services/juxt-web/views/web/userPageView.tsx

@@ -251,14 +251,20 @@ export function WebUserPageView(props: UserPageViewProps): ReactNode {
 							)
 						: null}
 				</div>
-				<div className="buttons tabs">
-					<a id="tab-header-post" className={props.selectedTab === 0 ? 'selected' : ''} href={props.baseLink}><T k="user_page.posts" /></a>
-					<a id="tab-header-friends" className={props.selectedTab === 1 ? 'selected' : ''} href={props.baseLink + 'friends'}><T k="user_page.friends" /></a>
-					<a id="tab-header-following" className={props.selectedTab === 2 ? 'selected' : ''} href={props.baseLink + 'following'}><T k="user_page.following" /></a>
-					<a id="tab-header-followers" className={props.selectedTab === 3 ? 'selected' : ''} href={props.baseLink + 'followers'}><T k="user_page.followers" /></a>
-					<a id="tab-header-yeahs" className={props.selectedTab === 4 ? 'selected' : ''} href={props.baseLink + 'yeahs'}><T k="global.yeahs" /></a>
-				</div>
-				{props.children}
+				{ isUserDataViewable
+					? (
+							<>
+								<div className="buttons tabs">
+									<a id="tab-header-post" className={props.selectedTab === 0 ? 'selected' : ''} href={props.baseLink}><T k="user_page.posts" /></a>
+									<a id="tab-header-friends" className={props.selectedTab === 1 ? 'selected' : ''} href={props.baseLink + 'friends'}><T k="user_page.friends" /></a>
+									<a id="tab-header-following" className={props.selectedTab === 2 ? 'selected' : ''} href={props.baseLink + 'following'}><T k="user_page.following" /></a>
+									<a id="tab-header-followers" className={props.selectedTab === 3 ? 'selected' : ''} href={props.baseLink + 'followers'}><T k="user_page.followers" /></a>
+									<a id="tab-header-yeahs" className={props.selectedTab === 4 ? 'selected' : ''} href={props.baseLink + 'yeahs'}><T k="global.yeahs" /></a>
+								</div>
+								{props.children}
+							</>
+						)
+					: null}
 			</WebWrapper>
 			<WebReportModalView />
 		</WebRoot>