fix(guide): images

(cherry picked from commit b994b1d)
trezor · Jun 6, 2022 · 40f2f50 · 40f2f50
1 parent 79d2545
commit 40f2f50
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 6 deletions.
diff --git a/packages/suite-data/package.json b/packages/suite-data/package.json
@@ -26,7 +26,6 @@
     "devDependencies": {
         "@babel/preset-env": "^7.13.15",
         "@babel/preset-typescript": "^7.13.0",
-        "@trezor/utils": "*",
         "@types/fs-extra": "^9.0.6",
         "@types/ua-parser-js": "^0.7.35",
         "ajv": "^8.6.2",

diff --git a/packages/suite-data/src/guide/parser.ts b/packages/suite-data/src/guide/parser.ts
@@ -1,7 +1,6 @@
 import { join } from 'path';
 import * as fs from 'fs-extra';
 
-import { resolveStaticPath } from '@trezor/utils';
 import { GITBOOK_ASSETS_DIR_PREFIX } from './constants';
 
 /**
@@ -87,7 +86,7 @@ export class Parser {
             // which creates unnecessary backslash which is then converted to slash in browser and breaks the image url
             ?.replace(/\\/g, '');
 
-        return image ? resolveStaticPath(`/guide/${image}`) : undefined;
+        return image ? `/guide/${image}` : undefined;
     }
 
     /** Returns a title of given page. */

diff --git a/packages/suite-data/tsconfig.json b/packages/suite-data/tsconfig.json
@@ -5,6 +5,5 @@
         "noImplicitAny": false,
         "outDir": "./libDev"
     },
-    "include": ["./src"],
-    "references": [{ "path": "../utils" }]
+    "include": ["./src"]
 }
diff --git a/packages/suite/src/components/guide/GuideNode.tsx b/packages/suite/src/components/guide/GuideNode.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { darken } from 'polished';
 import { analytics, EventType } from '@trezor/suite-analytics';
+import { resolveStaticPath } from '@trezor/utils';
 
 import { Icon, variables, useTheme } from '@trezor/components';
 import { useActions, useSelector } from '@suite-hooks';
@@ -111,7 +112,7 @@ export const GuideNode = ({ node, description }: GuideNodeProps) => {
     if (node.type === 'category') {
         return (
             <CategoryNodeButton data-test={`@guide/category${node.id}`} onClick={navigateToNode}>
-                {node.image && <Image src={node.image} />}
+                {node.image && <Image src={resolveStaticPath(node.image)} />}
                 {label}
             </CategoryNodeButton>
         );