feat!: Replace icons with equal from uikit

diplodoc-platform · Sep 5, 2023 · 467313c · 467313c
1 parent fdbfcb3
commit 467313c
Show file tree

Hide file tree

Showing 29 changed files with 18 additions and 104 deletions.
diff --git a/assets/icons/arcanum.svg b/assets/icons/arcanum.svg
diff --git a/assets/icons/arrow-left.svg b/assets/icons/arrow-left.svg
diff --git a/assets/icons/arrow-right.svg b/assets/icons/arrow-right.svg
diff --git a/assets/icons/checkbox-tick.svg b/assets/icons/checkbox-tick.svg
diff --git a/assets/icons/checkmark.svg b/assets/icons/checkmark.svg
diff --git a/assets/icons/chevron.svg b/assets/icons/chevron.svg
diff --git a/assets/icons/close.svg b/assets/icons/close.svg
diff --git a/assets/icons/cog-marked.svg b/assets/icons/cog-marked.svg
diff --git a/assets/icons/cog.svg b/assets/icons/cog.svg
diff --git a/assets/icons/dislike.svg b/assets/icons/dislike.svg
diff --git a/assets/icons/edit.svg b/assets/icons/edit.svg
diff --git a/assets/icons/full-screen.svg b/assets/icons/full-screen.svg
diff --git a/assets/icons/github.svg b/assets/icons/github.svg
diff --git a/assets/icons/lang.svg b/assets/icons/lang.svg
diff --git a/assets/icons/like.svg b/assets/icons/like.svg
diff --git a/assets/icons/search-bar-arrow.svg b/assets/icons/search-bar-arrow.svg
diff --git a/assets/icons/star-active.svg b/assets/icons/star-active.svg
diff --git a/assets/icons/star-inactive.svg b/assets/icons/star-inactive.svg
diff --git a/src/components/BookmarkButton/BookmarkButton.tsx b/src/components/BookmarkButton/BookmarkButton.tsx
@@ -3,8 +3,8 @@ import React from 'react';
 import {Button, Icon} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 
-import StarActive from '../../../assets/icons/star-active.svg';
-import StarInactive from '../../../assets/icons/star-inactive.svg';
+import StarActive from '@gravity-ui/icons/svgs/star-fill.svg';
+import StarInactive from '@gravity-ui/icons/svgs/star.svg';
 
 import './BookmarkButton.scss';
 

diff --git a/src/components/Controls/Controls.tsx b/src/components/Controls/Controls.tsx
@@ -14,10 +14,10 @@ import {
     PdfControl,
 } from './';
 
-import EditIcon from '../../../assets/icons/edit.svg';
 
 import {PopperPosition} from '../../hooks';
 import {Lang, TextSizes, Theme, FeedbackSendData, ControlSizes, SubscribeData} from '../../models';
+import EditIcon from '@gravity-ui/icons/svgs/pencil.svg';
 
 import './Controls.scss';
 

diff --git a/src/components/Controls/single-controls/FullScreenControl.tsx b/src/components/Controls/single-controls/FullScreenControl.tsx
@@ -6,8 +6,8 @@ import {Control} from '../../Control';
 import {ControlSizes, Lang} from '../../../models';
 
 import FullScreenClickedIcon from '../../../../assets/icons/full-screen-clicked.svg';
-import FullScreenIcon from '../../../../assets/icons/full-screen.svg';
 import {PopperPosition} from '../../../hooks';
+import FullScreenIcon from '@gravity-ui/icons/svgs/square-dashed.svg';
 
 interface ControlProps {
     lang: Lang;

diff --git a/src/components/Controls/single-controls/LangControl.tsx b/src/components/Controls/single-controls/LangControl.tsx
@@ -9,7 +9,7 @@ import {ControlSizes, Lang} from '../../../models';
 import {getPopupPosition} from './utils';
 import {PopperPosition} from '../../../hooks';
 
-import LangIcon from '../../../../assets/icons/lang.svg';
+import LangIcon from '@gravity-ui/icons/svgs/globe.svg';
 
 import '../Controls.scss';
 

diff --git a/src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx b/src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx
@@ -7,10 +7,10 @@ import {Control} from '../../../Control';
 import {ControlSizes, Lang, TextSizes, Theme} from '../../../../models';
 import {PopperPosition} from '../../../../hooks';
 
-import SettingsIcon from '../../../../../assets/icons/cog.svg';
-
 import {getPopupPosition} from '../utils';
 
+import SettingsIcon from '@gravity-ui/icons/svgs/gear.svg';
+
 import './SettingsControl.scss';
 
 const ITEM_HEIGHT = 48;

diff --git a/src/components/EditButton/EditButton.tsx b/src/components/EditButton/EditButton.tsx
@@ -3,9 +3,9 @@ import block from 'bem-cn-lite';
 import {withTranslation, WithTranslation, WithTranslationProps} from 'react-i18next';
 import {Button, Icon as IconComponent} from '@gravity-ui/uikit';
 
-import EditIcon from '../../../assets/icons/edit.svg';
 
 import {Lang} from '../../models';
+import EditIcon from '@gravity-ui/icons/svgs/pencil.svg';
 
 import './EditButton.scss';
 

diff --git a/src/components/Feedback/Feedback.tsx b/src/components/Feedback/Feedback.tsx
@@ -8,8 +8,8 @@ import {PopperPosition} from '../../hooks';
 import {FeedbackSendData, FeedbackType, Lang} from '../../models';
 import {DISLIKE_VARIANTS} from '../../constants';
 
-import LikeIcon from '../../../assets/icons/like.svg';
-import DislikeIcon from '../../../assets/icons/dislike.svg';
+import DislikeActiveIcon from '@gravity-ui/icons/svgs/thumbs-down-fill.svg';
+import DislikeIcon from '@gravity-ui/icons/svgs/thumbs-down.svg';
 
 import './Feedback.scss';
 

diff --git a/src/components/Paginator/Paginator.tsx b/src/components/Paginator/Paginator.tsx
@@ -1,9 +1,9 @@
 import React, {ReactNode} from 'react';
-import block from 'bem-cn-lite';
 
 import {Button, Icon} from '@gravity-ui/uikit';
+import block from 'bem-cn-lite';
 
-import arrowIcon from '../../../assets/icons/arrow-right.svg';
+import ArrowRightIcon from '@gravity-ui/icons/svgs/arrow-right.svg';
 
 import './Paginator.scss';
 
@@ -142,7 +142,7 @@ const Paginator = ({
 
     const arrowButton = (disable: boolean) => (
         <Button className={b('icon')} size="s" view={'flat'} disabled={disable}>
-            <Icon data={arrowIcon} size={16} />
+            <Icon data={ArrowRightIcon} size={16} />
         </Button>
     );
 

diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx
@@ -8,8 +8,8 @@ import {useHotkeys} from 'react-hotkeys-hook';
 import {Control} from '../Control';
 
 import {Lang} from '../../models';
-import CloseIcon from '../../../assets/icons/close.svg';
-import ArrowIcon from '../../../assets/icons/search-bar-arrow.svg';
+import ArrowLeftIcon from '@gravity-ui/icons/svgs/chevron-left.svg';
+import CloseIcon from '@gravity-ui/icons/svgs/xmark.svg';
 
 import './SearchBar.scss';
 

diff --git a/src/components/TocNavPanel/TocNavPanel.tsx b/src/components/TocNavPanel/TocNavPanel.tsx
@@ -5,10 +5,10 @@ import {withTranslation, WithTranslation, WithTranslationProps} from 'react-i18n
 
 import {TocData, TocItem, Router, Lang} from '../../models';
 
-import ArrowLeft from '../../../assets/icons/arrow-left.svg';
-import ArrowRight from '../../../assets/icons/arrow-right.svg';
 
 import {isExternalHref, isActiveItem} from '../../utils';
+import ArrowLeft from '@gravity-ui/icons/svgs/arrow-left.svg';
+import ArrowRight from '@gravity-ui/icons/svgs/arrow-right.svg';
 
 import './TocNavPanel.scss';
 

diff --git a/src/components/ToggleArrow/ToggleArrow.tsx b/src/components/ToggleArrow/ToggleArrow.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import block from 'bem-cn-lite';
 
-import ChevronIcon from '../../../assets/icons/chevron.svg';
+import ChevronIcon from '@gravity-ui/icons/svgs/chevron-right.svg';
 
 import './ToggleArrow.scss';