diff --git a/packages/app/src/domain/topical/components/topical-header.tsx b/packages/app/src/domain/topical/components/topical-header.tsx index b4f3744af7..48cf7e1ebd 100644 --- a/packages/app/src/domain/topical/components/topical-header.tsx +++ b/packages/app/src/domain/topical/components/topical-header.tsx @@ -5,17 +5,22 @@ import { PortableTextEntry } from '@sanity/block-content-to-react'; import { fontSizes } from '~/style/theme'; interface TopicalHeaderProps { - title: string; - description: PortableTextEntry[]; + title?: string; + description?: PortableTextEntry[]; } export const TopicalHeader = ({ title, description }: TopicalHeaderProps) => { + if (!title && !description) { + return null; + } return ( - {title} - - - + {title && {title}} + {description && ( + + + + )} ); }; diff --git a/packages/app/src/pages/index.tsx b/packages/app/src/pages/index.tsx index 64b9d5bb21..1dface2249 100644 --- a/packages/app/src/pages/index.tsx +++ b/packages/app/src/pages/index.tsx @@ -112,9 +112,12 @@ const Home = (props: StaticProps) => { paddingX={{ _: space[3], sm: space[4] }} maxWidth={TOPICAL_SEVERITY_INDICATOR_TILE_MAX_WIDTH} > - + + + + {currentSeverityLevelTexts && (