From d89cd883d5067dd9f87c1e3dc33bd8587fec33f4 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Mon, 13 Feb 2023 20:12:31 -0500
Subject: [PATCH] Only show audit and health faqs on official

---
 frontend/src/app/docs/api-docs/api-docs-data.ts      |  2 ++
 .../app/docs/api-docs/api-docs-nav.component.html    |  2 +-
 .../src/app/docs/api-docs/api-docs-nav.component.ts  |  9 ++++++++-
 .../src/app/docs/api-docs/api-docs.component.html    | 12 +++++++-----
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/docs/api-docs/api-docs-data.ts b/frontend/src/app/docs/api-docs/api-docs-data.ts
index 069dabacf..5cc5ca3aa 100644
--- a/frontend/src/app/docs/api-docs/api-docs-data.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-data.ts
@@ -8671,6 +8671,7 @@ export const faqData = [
     type: "endpoint",
     category: "advanced",
     showConditions: bitcoinNetworks,
+    options: { officialOnly: true },
     fragment: "how-do-block-audits-work",
     title: "How do block audits work?",
   },
@@ -8678,6 +8679,7 @@ export const faqData = [
     type: "endpoint",
     category: "advanced",
     showConditions: bitcoinNetworks,
+    options: { officialOnly: true },
     fragment: "what-is-block-health",
     title: "What is block health?",
   },
diff --git a/frontend/src/app/docs/api-docs/api-docs-nav.component.html b/frontend/src/app/docs/api-docs/api-docs-nav.component.html
index c8460ada4..cbfe8a170 100644
--- a/frontend/src/app/docs/api-docs/api-docs-nav.component.html
+++ b/frontend/src/app/docs/api-docs/api-docs-nav.component.html
@@ -1,4 +1,4 @@
 <div *ngFor="let item of tabData">
   <p *ngIf="( item.type === 'category' ) && ( item.showConditions.indexOf(network.val) > -1 )">{{ item.title }}</p>
-  <a *ngIf="( item.type !== 'category' ) && ( item.showConditions.indexOf(network.val) > -1 )" [routerLink]="['./']" fragment="{{ item.fragment }}" (click)="navLinkClick($event)">{{ item.title }}</a>
+  <a *ngIf="( item.type !== 'category' ) && ( item.showConditions.indexOf(network.val) > -1 ) && ( !item.hasOwnProperty('options') || ( item.hasOwnProperty('options') && item.options.hasOwnProperty('officialOnly') && item.options.hasOwnProperty.officialOnly && officialMempoolInstance ) )" [routerLink]="['./']" fragment="{{ item.fragment }}" (click)="navLinkClick($event)">{{ item.title }}</a>
 </div>
diff --git a/frontend/src/app/docs/api-docs/api-docs-nav.component.ts b/frontend/src/app/docs/api-docs/api-docs-nav.component.ts
index df73030c9..ad9d0b9a5 100644
--- a/frontend/src/app/docs/api-docs/api-docs-nav.component.ts
+++ b/frontend/src/app/docs/api-docs/api-docs-nav.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { Env, StateService } from '../../services/state.service';
 import { restApiDocsData } from './api-docs-data';
 import { faqData } from './api-docs-data';
 
@@ -12,11 +13,17 @@ export class ApiDocsNavComponent implements OnInit {
   @Input() network: any;
   @Input() whichTab: string;
   @Output() navLinkClickEvent: EventEmitter<any> = new EventEmitter();
+  env: Env;
   tabData: any[];
+  officialMempoolInstance: boolean;
 
-  constructor() { }
+  constructor(
+    private stateService: StateService
+  ) { }
 
   ngOnInit(): void {
+    this.env = this.stateService.env;
+    this.officialMempoolInstance = this.env.OFFICIAL_MEMPOOL_SPACE;
     if (this.whichTab === 'rest') {
       this.tabData = restApiDocsData;
     } else if (this.whichTab === 'faq') {
diff --git a/frontend/src/app/docs/api-docs/api-docs.component.html b/frontend/src/app/docs/api-docs/api-docs.component.html
index 7a7b9b416..be3fd2f42 100644
--- a/frontend/src/app/docs/api-docs/api-docs.component.html
+++ b/frontend/src/app/docs/api-docs/api-docs.component.html
@@ -15,11 +15,13 @@
         </div>
 
         <div class="doc-item-container" *ngFor="let item of faq">
-          <h3 *ngIf="item.type === 'category'">{{ item.title }}</h3>
-          <div *ngIf="item.type !== 'category'" class="endpoint-container" id="{{ item.fragment }}">
-            <a id="{{ item.fragment + '-tab-header' }}" class="section-header" (click)="anchorLinkClick( $event )" [routerLink]="['./']" fragment="{{ item.fragment }}"><table><tr><td>{{ item.title }}</td><td><span>{{ item.category }}</span></td></tr></table></a>
-            <div class="endpoint-content">
-              <ng-container *ngTemplateOutlet="dict[item.fragment]" class="endpoint"></ng-container>
+          <div *ngIf="!item.hasOwnProperty('options') || ( item.hasOwnProperty('options') && item.options.hasOwnProperty('officialOnly') && item.options.hasOwnProperty.officialOnly && officialMempoolInstance )">
+            <h3 *ngIf="item.type === 'category'">{{ item.title }}</h3>
+            <div *ngIf="item.type !== 'category'" class="endpoint-container" id="{{ item.fragment }}">
+              <a id="{{ item.fragment + '-tab-header' }}" class="section-header" (click)="anchorLinkClick( $event )" [routerLink]="['./']" fragment="{{ item.fragment }}"><table><tr><td>{{ item.title }}</td><td><span>{{ item.category }}</span></td></tr></table></a>
+              <div class="endpoint-content">
+                <ng-container *ngTemplateOutlet="dict[item.fragment]" class="endpoint"></ng-container>
+              </div>
             </div>
           </div>
         </div>