From 533653e54ac7f70ed2b8124db796defb645fd722 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Thu, 23 Dec 2021 15:35:17 +0400
Subject: [PATCH] Change Asset Icon API example to only show HTML

---
 .../components/docs/api-docs-nav.component.ts   |  2 +-
 .../app/components/docs/api-docs.component.ts   | 17 ++---------------
 .../components/docs/code-template.component.ts  |  4 ++++
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app/components/docs/api-docs-nav.component.ts b/frontend/src/app/components/docs/api-docs-nav.component.ts
index 967b355f3..5109e2dc0 100644
--- a/frontend/src/app/components/docs/api-docs-nav.component.ts
+++ b/frontend/src/app/components/docs/api-docs-nav.component.ts
@@ -8,7 +8,7 @@ import { Component, OnInit, Input } from '@angular/core';
 export class ApiDocsNavComponent implements OnInit {
 
   @Input() network: any;
-  @Input() collapseItem: any;
+  @Input() collapseItem: any = { toggle: () => {} };
 
   constructor() { }
 
diff --git a/frontend/src/app/components/docs/api-docs.component.ts b/frontend/src/app/components/docs/api-docs.component.ts
index 2dd69ee33..02cca44b2 100644
--- a/frontend/src/app/components/docs/api-docs.component.ts
+++ b/frontend/src/app/components/docs/api-docs.component.ts
@@ -704,23 +704,10 @@ export class ApiDocsComponent implements OnInit {
         },
       },
       assetIcon: {
+        noWrap: true,
         codeTemplate: {
           curl: `/api/v1/asset/%{1}/icon`,
-          commonJS: `
-        const { %{0}: { assets } } = mempoolJS();
-
-        const asset_id = '%{1}';
-        const assetIcon = await assets.getAssetIcon({ asset_id });
-
-        document.getElementById("result").textContent = JSON.stringify(assetIcon, undefined, 2);
-        `,
-          esModule: `
-  const { %{0}: { assets } } = mempoolJS();
-
-  const asset_id = '%{1}';
-  const assetIcon = await assets.getAssetIcon({ asset_id });
-  console.log(assetIcon);
-          `,
+          commonJS: `<img src="https://liquid.place/api/v1/asset/%{1}/icon">`,
         },
         codeSampleLiquid: {
           esModule: [`6f0279e9ed041c3d710a9f57d0c02928416460c4b722ae3457a11eec381c526d`],
diff --git a/frontend/src/app/components/docs/code-template.component.ts b/frontend/src/app/components/docs/code-template.component.ts
index e84297f80..0c46c7a9d 100644
--- a/frontend/src/app/components/docs/code-template.component.ts
+++ b/frontend/src/app/components/docs/code-template.component.ts
@@ -164,6 +164,10 @@ init();`;
         codeText = this.replaceJSPlaceholder(codeText, code.codeSampleBisq.esModule);
       }
 
+      if (code.noWrap) {
+        return codeText;
+      }
+
       let importText = `<script src="https://mempool.space/mempool.js"></script>`;
       if (this.env.BASE_MODULE === 'bisq') {
         importText = `<script src="https://bisq.markets/bisq.js"></script>`;