Do not show title on offline banner + add margin

This commit is contained in:
Gabe Kangas
2023-01-28 19:26:19 -08:00
parent 59aa54ca12
commit 88281b4814
3 changed files with 12 additions and 5 deletions
@@ -17,6 +17,7 @@ export type OfflineBannerProps = {
lastLive?: Date;
notificationsEnabled: boolean;
fediverseAccount?: string;
showsHeader?: boolean;
onNotifyClick?: () => void;
onFollowClick?: () => void;
};
@@ -27,6 +28,7 @@ export const OfflineBanner: FC<OfflineBannerProps> = ({
lastLive,
notificationsEnabled,
fediverseAccount,
showsHeader = true,
onNotifyClick,
onFollowClick,
}) => {
@@ -74,8 +76,12 @@ export const OfflineBanner: FC<OfflineBannerProps> = ({
return (
<div id="offline-banner" className={styles.outerContainer}>
<div className={styles.innerContainer}>
<div className={styles.header}>{streamName}</div>
<Divider className={styles.separator} />
{showsHeader && (
<>
<div className={styles.header}>{streamName}</div>
<Divider className={styles.separator} />
</>
)}
<div className={styles.bodyText}>{text}</div>
{lastLive && (
<div className={styles.lastLiveDate}>