Allow header collapse button to be hidden (#893)

superdesk · Nov 13, 2024 · ee339ef · ee339ef
1 parent 6f59d43
commit ee339ef
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/app-typescript/components/Layouts/AuthoringInnerHeader.tsx b/app-typescript/components/Layouts/AuthoringInnerHeader.tsx
@@ -7,6 +7,7 @@ interface IProps {
     children?: React.ReactNode;
     collapsed?: boolean;
     headerPadding?: HeaderPadding;
+    hideCollapseButton?: boolean;
 }
 
 interface IState {
@@ -23,6 +24,8 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
     }
 
     render() {
+        const hideCollapseButton = this.props.hideCollapseButton ?? false;
+
         const classes = classNames('sd-editor-content__authoring-header', {
             'authoring-header--collapsed': this.state.collapsed,
         });
@@ -41,10 +44,12 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
                 <div className="authoring-header__holder">
                     {this.props.children}
                 </div>
-                <button className="authoring-header__toggle"
-                    onClick={() => this.setState({collapsed: !this.state.collapsed})}>
-                    <Icon name="chevron-up-thin" />
-                </button>
+                {!hideCollapseButton && (
+                    <button className="authoring-header__toggle"
+                        onClick={() => this.setState({collapsed: !this.state.collapsed})}>
+                        <Icon name="chevron-up-thin" />
+                    </button>
+                )}
             </header>
         );
     }

diff --git a/app-typescript/components/Layouts/AuthoringMain.tsx b/app-typescript/components/Layouts/AuthoringMain.tsx
@@ -22,6 +22,7 @@ interface IProps {
     authoringHeader?: React.ReactNode;
     authoringBookmarks?: React.ReactNode;
     headerCollapsed?: boolean;
+    hideCollapseButton?: boolean;
     headerPadding?: HeaderPadding;
     toolbarCustom?: boolean;
     noPaddingForContent?: boolean;
@@ -39,6 +40,7 @@ export class AuthoringMain extends React.PureComponent<IProps> {
                 <AuthoringMainContent>
                     {this.props.authoringHeader && (
                         <AuthoringInnerHeader
+                            hideCollapseButton={this.props.hideCollapseButton}
                             headerPadding={this.props.headerPadding}
                             collapsed={this.props.headerCollapsed}>
                             {this.props.authoringHeader}

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "superdesk-ui-framework",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",