Merge pull request #1638 from Gamaranto/add-default-channel-avatar

Add Default Channel Avatar

src/shared/components/ChannelPreview/ChannelPreview.tsx

@@ -13,7 +13,7 @@ type ChannelPreviewProps = {
 }
 
 const ChannelPreview: React.FC<ChannelPreviewProps> = ({ name, avatarURL, className, animated = false, onClick }) => {
-  const avatarNode = <StyledAvatar img={avatarURL} />
+  const avatarNode = <StyledAvatar img={avatarURL} name={name} />
   const nameNode = <NameHeader>{name}</NameHeader>
 
   return (
@@ -41,6 +41,9 @@ const NameHeader = styled.h2`
 export const StyledAvatar = styled(Avatar)`
   width: 100%;
   height: 100%;
+  > span {
+    font-size: ${typography.sizes.h2};
+  }
 `
 
 export default ChannelPreview

src/views/ChannelView/ChannelView.style.tsx

@@ -38,4 +38,8 @@ export const StyledAvatar = styled(Avatar)`
   width: 136px;
   height: 136px;
   margin-right: ${theme.sizes.b6}px;
+
+  > span {
+    font-size: ${theme.typography.sizes.h2};
+  }
 `

src/views/ChannelView/ChannelView.tsx

@@ -23,7 +23,7 @@ const ChannelView: React.FC<RouteComponentProps> = () => {
     <div>
       <Header coverPhotoURL={data.channel.coverPhotoURL}>
         <TitleSection>
-          <StyledAvatar img={data.channel.avatarPhotoURL} />
+          <StyledAvatar img={data.channel.avatarPhotoURL} name={data.channel.handle} />
           <Title>{data.channel.handle}</Title>
         </TitleSection>
       </Header>