feat(List): use Grip icon from @gravity-ui/icons (#1164)

gravity-ui · Nov 27, 2023 · 625679a · 625679a
1 parent 9992770
commit 625679a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 24 deletions.
diff --git a/src/components/List/List.scss b/src/components/List/List.scss
@@ -86,10 +86,13 @@ $block: '.#{variables.$ns}list';
     }
 
     &__item-sort-icon {
+        $icon-width: 12px;
+        $space-from-edge: 16px;
+
         display: flex;
         align-items: center;
-        width: 6px;
-        margin-right: 10px;
+        width: $icon-width;
+        margin-right: $space-from-edge - $icon-width;
         flex: 0 0 auto;
         color: var(--g-color-text-hint);
     }

diff --git a/src/components/List/components/DragHandleIcon.tsx b/src/components/List/components/DragHandleIcon.tsx
diff --git a/src/components/List/components/ListItem.tsx b/src/components/List/components/ListItem.tsx
@@ -1,14 +1,14 @@
 import React from 'react';
 
+import {Grip} from '@gravity-ui/icons';
 import type {DraggableProvided} from 'react-beautiful-dnd';
 
+import {Icon} from '../../Icon';
 import {block} from '../../utils/cn';
 import {eventBroker} from '../../utils/event-broker';
 import {ListQa} from '../constants';
 import type {ListItemProps} from '../types';
 
-import {DragHandleIcon} from './DragHandleIcon';
-
 const b = block('list');
 
 export const defaultRenderItem = <T extends unknown>(item: T) => String(item);
@@ -87,7 +87,7 @@ export class ListItem<T = unknown> extends React.Component<ListItemProps<T>> {
         const {sortable} = this.props;
         return sortable ? (
             <div className={b('item-sort-icon')}>
-                <DragHandleIcon />
+                <Icon data={Grip} size={12} />
             </div>
         ) : null;
     }