refactor(HelpPopover): use gravity icon (#140)

gravity-ui · Feb 2, 2024 · e035a53 · e035a53
1 parent 4024223
commit e035a53
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 31 deletions.
diff --git a/CODEOWNERS b/CODEOWNERS
@@ -1,6 +1,7 @@
 * @amje @ValeraS @korvin89
 /src/components/FilePreview @KirillDyachkovskiy
 /src/components/FormRow @ogonkov
+/src/components/HelpPopover @Raubzeug
 /src/components/PlaceholderContainer @Marginy605
 /src/components/PromoSheet @Avol-V
 /src/components/SharePopover @niktverd

diff --git a/src/components/HelpPopover/HelpPopover.scss b/src/components/HelpPopover/HelpPopover.scss
@@ -6,6 +6,7 @@ $block: '.#{variables.$ns}help-popover';
 #{$block} {
     &__button {
         @include mixins.button-reset();
+        color: var(--g-color-text-hint);
     }
 
     &__button:focus-visible {

diff --git a/src/components/HelpPopover/HelpPopover.tsx b/src/components/HelpPopover/HelpPopover.tsx
@@ -1,12 +1,11 @@
 import React from 'react';
 
+import {CircleQuestion} from '@gravity-ui/icons';
 import {Icon, Popover} from '@gravity-ui/uikit';
 import type {PopoverProps, QAProps} from '@gravity-ui/uikit';
 
 import {block} from '../utils/cn';
 
-import {QuestionMarkIcon} from './QuestionMarkIcon';
-
 import './HelpPopover.scss';
 
 const b = block('help-popover');
@@ -26,7 +25,7 @@ export function HelpPopover(props: HelpPopoverProps) {
                 {...props.buttonProps}
                 className={b('button', props.buttonProps?.className)}
             >
-                <Icon data={QuestionMarkIcon} size={ICON_SIZE} />
+                <Icon data={CircleQuestion} size={ICON_SIZE} />
             </button>
         </Popover>
     );

diff --git a/src/components/HelpPopover/QuestionMarkIcon.tsx b/src/components/HelpPopover/QuestionMarkIcon.tsx