Fix phase 2 selected fp icon (#1522)

* fix(BTC): should show correct BABY icon for phase-2 selected FP

* fix: remove report a bug button as there is no such link yet

Author: jrwbabylonlab

package-lock.json

@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@babylonlabs-io/babylon-proto-ts": "1.12.0",
-    "@babylonlabs-io/bsn-registry": "0.2.0",
+    "@babylonlabs-io/bsn-registry": "0.2.2",
     "@babylonlabs-io/btc-staking-ts": "2.5.6",
     "@babylonlabs-io/core-ui": "1.35.2",
     "@babylonlabs-io/wallet-connector": "1.11.6",

package.json

@@ -1,9 +1,4 @@
-import {
-  BugReportIcon,
-  SettingMenu,
-  ThemeIcon,
-  ThemedIcon,
-} from "@babylonlabs-io/core-ui";
+import { SettingMenu, ThemeIcon } from "@babylonlabs-io/core-ui";
 import { useTheme } from "next-themes";
 import { useEffect, useState } from "react";
 import { FaMoon, FaSun } from "react-icons/fa";
@@ -30,13 +25,6 @@ export const SettingMenuWrapper = () => {
     setTheme(newTheme);
   };
 
-  const handleReportBug = () => {
-    const reportBugUrl = process.env.NEXT_PUBLIC_REPORT_BUG_URL;
-    if (reportBugUrl) {
-      window.open(reportBugUrl, "_blank", "noopener,noreferrer");
-    }
-  };
-
   const handleTermsOfUse = () => {
     window.open(
       "https://babylonlabs.io/terms-of-use",
@@ -76,17 +64,6 @@ export const SettingMenuWrapper = () => {
             {getThemeDescription()}
           </SettingMenu.Description>
         </SettingMenu.Item>
-
-        <SettingMenu.Item
-          icon={
-            <ThemedIcon background rounded>
-              <BugReportIcon />
-            </ThemedIcon>
-          }
-          onClick={handleReportBug}
-        >
-          Report a Bug
-        </SettingMenu.Item>
       </SettingMenu.Group>
 
       <SettingMenu.Group>

src/ui/common/components/Menu/SettingMenu/SettingMenuWrapper.tsx

@@ -12,6 +12,8 @@ import {
 } from "@/ui/common/types/finalityProviders";
 import { createStateUtils } from "@/ui/common/utils/createStateUtils";
 
+import { getBsnLogoUrl } from "../utils/bsnLogo";
+
 interface SortState {
   field?: string;
   direction?: "asc" | "desc";
@@ -22,6 +24,15 @@ interface FilterState {
   status: "active" | "inactive" | "";
 }
 
+const { chainId: BBN_CHAIN_ID } = getNetworkConfigBBN();
+
+const defaultBabylonBsn: Bsn = {
+  id: BBN_CHAIN_ID,
+  name: "Babylon Genesis",
+  description: "Babylon Genesis",
+  logoUrl: getBsnLogoUrl(BBN_CHAIN_ID),
+};
+
 interface FinalityProviderBsnState {
   filter: FilterState;
   finalityProviders: FinalityProvider[];
@@ -81,8 +92,6 @@ const FILTERS = {
     filter.status && !filter.search ? STATUS_FILTERS[filter.status](fp) : true,
 };
 
-const { chainId: BBN_CHAIN_ID } = getNetworkConfigBBN();
-
 const defaultState: FinalityProviderBsnState = {
   filter: {
     search: "",
@@ -139,7 +148,7 @@ export function FinalityProviderBsnState({ children }: PropsWithChildren) {
     });
 
   const {
-    data: bsnList = [],
+    data: bsnList = [defaultBabylonBsn],
     isLoading: bsnLoading,
     isError: bsnError,
   } = useBsn({

src/ui/common/state/FinalityProviderBsnState.tsx

@@ -2,6 +2,6 @@ export interface Bsn {
   id: string;
   name: string;
   description: string;
-  activeTvl: number;
   logoUrl: string;
+  activeTvl?: number;
 }