feat(blog): fix

gravity-ui · Dec 10, 2023 · f698c62 · f698c62
1 parent 6ed7125
commit f698c62
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/components/OnboardingGuide/Guide/Guide.tsx b/src/components/OnboardingGuide/Guide/Guide.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import type {ReactNode} from 'react';
 
 import {Icon, Progress} from '@gravity-ui/uikit';
 import {SVGIconData} from '@gravity-ui/uikit/build/esm/components/Icon/types';
@@ -11,17 +10,17 @@ import './Guide.scss';
 const cnGuide = block('guide');
 
 export type GuideProps = {
-    title: string | ReactNode;
+    title: string | React.ReactNode;
     progressBarCurrentValue: number;
     icon?: SVGIconData;
 
     expand: boolean;
 
     isLoading: boolean;
 
-    children?: ReactNode;
-    loadingNode?: ReactNode;
-    buttons?: ReactNode[];
+    children?: React.ReactNode;
+    loadingNode?: React.ReactNode;
+    buttons?: React.ReactNode[];
 
     onHeaderClick: () => void;
 };
@@ -43,6 +42,7 @@ export const Guide = ({
                 <div
                     className={cnGuide('header', {state: expand && 'expanded'})}
                     onClick={onHeaderClick}
+                    onKeyDown={onHeaderClick}
                 >
                     <div className={cnGuide('title')}>
                         {icon ? (
@@ -62,7 +62,7 @@ export const Guide = ({
                 </div>
 
                 {expand && (
-                    <>
+                    <React.Fragment>
                         <div
                             className={cnGuide('lining', {
                                 state: expand ? 'expanded' : 'closed',
@@ -71,7 +71,7 @@ export const Guide = ({
                             {isLoading ? loadingNode : children}
                         </div>
                         <div className={cnGuide('buttons')}>{buttons}</div>
-                    </>
+                    </React.Fragment>
                 )}
             </div>
         </div>

diff --git a/src/components/OnboardingGuide/GuideMenuItem/GuideMenuItem.tsx b/src/components/OnboardingGuide/GuideMenuItem/GuideMenuItem.tsx
@@ -1,4 +1,5 @@
-import React, {useMemo, useState} from 'react';
+import {useMemo, useState} from 'react';
+import * as React from 'react';
 import type {ReactNode} from 'react';
 
 import {Clock} from '@gravity-ui/icons';