Don't show icons / banners for banned users and removed communities. (#962)

- Fixes #961

src/shared/components/community/community-link.tsx

@@ -58,9 +58,10 @@ export class CommunityLink extends Component<CommunityLinkProps, any> {
     let icon = this.props.community.icon;
     return (
       <>
-        {!this.props.hideAvatar && showAvatars() && icon && (
-          <PictrsImage src={icon} icon />
-        )}
+        {!this.props.hideAvatar &&
+          !this.props.community.removed &&
+          showAvatars() &&
+          icon && <PictrsImage src={icon} icon />}
         <span className="overflow-wrap-anywhere">{displayName}</span>
       </>
     );

src/shared/components/community/sidebar.tsx

@@ -119,7 +119,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
     return (
       <div>
         <h5 className="mb-0">
-          {this.props.showIcon && (
+          {this.props.showIcon && !community.removed && (
             <BannerIconHeader icon={community.icon} banner={community.banner} />
           )}
           <span className="mr-2">{community.title}</span>

src/shared/components/person/person-listing.tsx

@@ -73,9 +73,10 @@ export class PersonListing extends Component<PersonListingProps, any> {
     let avatar = this.props.person.avatar;
     return (
       <>
-        {avatar && !this.props.hideAvatar && showAvatars() && (
-          <PictrsImage src={avatar} icon />
-        )}
+        {avatar &&
+          !this.props.hideAvatar &&
+          !this.props.person.banned &&
+          showAvatars() && <PictrsImage src={avatar} icon />}
         <span>{displayName}</span>
       </>
     );

src/shared/components/person/profile.tsx

@@ -384,7 +384,12 @@ export class Profile extends Component<any, ProfileState> {
     return (
       pv && (
         <div>
-          <BannerIconHeader banner={pv.person.banner} icon={pv.person.avatar} />
+          {!isBanned(pv.person) && (
+            <BannerIconHeader
+              banner={pv.person.banner}
+              icon={pv.person.avatar}
+            />
+          )}
           <div className="mb-3">
             <div className="">
               <div className="mb-0 d-flex flex-wrap">