diff --git a/app/components/Sidebar/Main.js b/app/components/Sidebar/Main.js index 8c00488fa..8c6db43da 100644 --- a/app/components/Sidebar/Main.js +++ b/app/components/Sidebar/Main.js @@ -48,6 +48,7 @@ class MainSidebar extends React.Component { subheading={user.name} teamName={team.name} logoUrl={team.avatarUrl} + showDisclosure /> } /> diff --git a/app/components/Sidebar/components/HeaderBlock.js b/app/components/Sidebar/components/HeaderBlock.js index 94077ad19..0d9f416f8 100644 --- a/app/components/Sidebar/components/HeaderBlock.js +++ b/app/components/Sidebar/components/HeaderBlock.js @@ -9,16 +9,24 @@ import TeamLogo from './TeamLogo'; type Props = { teamName: string, subheading: string, + showDisclosure?: boolean, logoUrl: string, }; -function HeaderBlock({ teamName, subheading, logoUrl, ...rest }: Props) { +function HeaderBlock({ + showDisclosure, + teamName, + subheading, + logoUrl, + ...rest +}: Props) { return (
- - {teamName} + + {teamName}{' '} + {showDisclosure && } {subheading} @@ -42,6 +50,7 @@ const Subheading = styled.div` const TeamName = styled.div` padding-left: 10px; + margin-top: ${props => (props.showDisclosure ? '-8px' : '0')}; font-weight: 600; color: ${color.text}; text-decoration: none;