diff --git a/app/javascript/flavours/glitch/components/column_header.tsx b/app/javascript/flavours/glitch/components/column_header.tsx index fda5c71b36..cdbf6ef9dd 100644 --- a/app/javascript/flavours/glitch/components/column_header.tsx +++ b/app/javascript/flavours/glitch/components/column_header.tsx @@ -152,7 +152,7 @@ export const ColumnHeader: React.FC = ({ active, }); - const buttonClassName = classNames('column-header', { + const headingClassName = classNames('column-header', { active, }); @@ -276,16 +276,14 @@ export const ColumnHeader: React.FC = ({ ); - const HeadingElement = hasTitle ? 'h1' : 'div'; - const component = (
- +
{hasTitle && ( - <> +

{backButton} - {onClick && ( + {onClick ? ( - )} - {!onClick && ( + ) : ( = ({ {titleContents} )} - +

)} {!hasTitle && backButton} @@ -313,7 +310,7 @@ export const ColumnHeader: React.FC = ({ {extraButton} {collapseButton}
-
+