refactor: move thumbs-up image to illustrations

Author: ariser

src/assets/illustrations/dark/thumbsUp.svg

@@ -12,9 +12,11 @@ type IllustrationStore = Record<string, Record<string, () => Promise<{default: a
 const store: IllustrationStore = {
     light: {
         403: () => import('../../assets/illustrations/light/403.svg'),
+        thumbsUp: () => import('../../assets/illustrations/light/thumbsUp.svg'),
     },
     dark: {
         403: () => import('../../assets/illustrations/dark/403.svg'),
+        thumbsUp: () => import('../../assets/illustrations/light/thumbsUp.svg'),
     },
 };
 

src/assets/illustrations/light/thumbsUp.svg

@@ -16,6 +16,8 @@ import {changeFilter} from '../../store/reducers/settings';
 import {hideTooltip, showTooltip} from '../../store/reducers/tooltip';
 import {getNodesColumns} from '../../utils/getNodesColumns';
 
+import {Illustration} from '../Illustration';
+
 import './NodesViewer.scss';
 
 const b = cn('nodes-viewer');
@@ -138,7 +140,7 @@ class NodesViewer extends React.PureComponent {
                 {showControls ? this.renderControls() : null}
                 <div className={b('table-wrapper')}>
                     {nodesToShow.length === 0 ? (
-                        <div className="no-problem" />
+                        <Illustration name="thumbsUp" width="200" />
                     ) : (
                         <div className={b('table-content')}>
                             <DataTable