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

VitaliiDC8 · web-flow · commit 7d577149cb06 · 2023-10-27T12:46:22.000+02:00
* feat: added custom title block into header block

* feat: changed TitleBlock to renderTitle

* feat: changed renderTitle type

* feat: added title parameter to renderTitle function
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
