From 82b41d25219845eab7a2f7cc0bf3c163c111c14c Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 1 Jan 2021 14:11:52 -0600
Subject: [PATCH] Fix breaking column bug lol whoops

---
 app/soapbox/features/ui/components/better_column.js | 2 +-
 app/soapbox/features/ui/components/column.js        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/ui/components/better_column.js b/app/soapbox/features/ui/components/better_column.js
index f5c04d226..e7c4d5682 100644
--- a/app/soapbox/features/ui/components/better_column.js
+++ b/app/soapbox/features/ui/components/better_column.js
@@ -17,7 +17,7 @@ export default class Column extends React.PureComponent {
 
   render() {
     const { heading, icon, children, active, menu } = this.props;
-    const columnHeaderId = heading.replace(/ /g, '-');
+    const columnHeaderId = heading && heading.replace(/ /g, '-');
 
     return (
       <div role='region' aria-labelledby={columnHeaderId} className='column column--better'>
diff --git a/app/soapbox/features/ui/components/column.js b/app/soapbox/features/ui/components/column.js
index 5e4b643b7..b09882b80 100644
--- a/app/soapbox/features/ui/components/column.js
+++ b/app/soapbox/features/ui/components/column.js
@@ -16,7 +16,7 @@ export default class Column extends React.PureComponent {
 
   render() {
     const { heading, icon, children, active, backBtnSlim } = this.props;
-    const columnHeaderId = heading.replace(/ /g, '-');
+    const columnHeaderId = heading && heading.replace(/ /g, '-');
     const backBtn = backBtnSlim ? (<ColumnBackButtonSlim />) : (<ColumnBackButton />);
 
     return (