feat: added custom title render into header block (#664)

* feat: added custom title block into header block * feat: changed TitleBlock to renderTitle * feat: changed renderTitle type * feat: added title parameter to renderTitle function
gravity-ui · Oct 27, 2023 · 7d57714 · 7d57714
1 parent f56cf69
commit 7d57714
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/blocks/Header/Header.tsx b/src/blocks/Header/Header.tsx
@@ -77,6 +77,7 @@ export const HeaderBlock = (props: WithChildren<HeaderBlockFullProps>) => {
         className,
         breadcrumbs,
         status,
+        renderTitle,
         children,
         mediaView = 'full',
     } = props;
@@ -135,7 +136,7 @@ export const HeaderBlock = (props: WithChildren<HeaderBlockFullProps>) => {
                                     )}
                                     <h1 className={b('title')}>
                                         {status}
-                                        <HTML>{title}</HTML>
+                                        {renderTitle ? renderTitle(title) : <HTML>{title}</HTML>}
                                     </h1>
                                     {description && (
                                         <div className={b('description')}>

diff --git a/src/models/constructor-items/blocks.ts b/src/models/constructor-items/blocks.ts
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {ButtonSize} from '@gravity-ui/uikit';
 
 import {GridColumnSize, GridColumnSizesType} from '../../grid/types';
@@ -154,6 +156,7 @@ export interface HeaderBlockProps {
     verticalOffset?: 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
+    renderTitle?: (title: string) => React.ReactNode;
 }
 
 export interface ExtendedFeaturesItem