From cf435118d42616ccd8c8da1e760dfb17ae4b3842 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Tue, 12 Feb 2019 13:40:12 +0000
Subject: [PATCH] Secondary header: add support for more than just text.

---
 src/Journal/index.tsx              | 2 +-
 src/components/SecondaryHeader.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Journal/index.tsx b/src/Journal/index.tsx
index c70c131..58c7ac3 100644
--- a/src/Journal/index.tsx
+++ b/src/Journal/index.tsx
@@ -88,7 +88,7 @@ class Journal extends React.PureComponent<PropsTypeInner> {
 
     return (
       <React.Fragment>
-        <SecondaryHeader text={collectionInfo.displayName} />
+        <SecondaryHeader>{collectionInfo.displayName}</SecondaryHeader>
         <Tabs
           fullWidth={true}
           style={{ backgroundColor: theme.palette.primary.main }}
diff --git a/src/components/SecondaryHeader.tsx b/src/components/SecondaryHeader.tsx
index 65f2e38..9561384 100644
--- a/src/components/SecondaryHeader.tsx
+++ b/src/components/SecondaryHeader.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { Theme, withTheme } from '@material-ui/core/styles';
 
-export default withTheme()((props: {text: string, theme: Theme}) => {
+export default withTheme()((props: {children: React.ReactNode | React.ReactNode[], theme: Theme}) => {
     const style = {
       header: {
         backgroundColor: props.theme.palette.primary.main,
@@ -17,7 +17,7 @@ export default withTheme()((props: {text: string, theme: Theme}) => {
 
     return (
       <div style={style.header}>
-        <h2 style={style.headerText}>{props.text}</h2>
+        <h2 style={style.headerText}>{props.children}</h2>
       </div>
     );
 });