Change Asset Icon API example to only show HTML

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() { }
 

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`],

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>`;