From 5e34fdf89aa79422babe3196fb50a7a6e1a0efa8 Mon Sep 17 00:00:00 2001
From: Tong Li <tongli0809@gmail.com>
Date: Sun, 15 Dec 2024 12:33:57 +1100
Subject: [PATCH] re-placement of testnet badge

---
 .../components/NetworkBadge/NetworkBadge.tsx   | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/app/components/NetworkBadge/NetworkBadge.tsx b/src/app/components/NetworkBadge/NetworkBadge.tsx
index 2aabce03..9080f7b8 100644
--- a/src/app/components/NetworkBadge/NetworkBadge.tsx
+++ b/src/app/components/NetworkBadge/NetworkBadge.tsx
@@ -1,30 +1,26 @@
 import Image from "next/image";
 import { twJoin } from "tailwind-merge";
 
-import { useBTCWallet } from "@/app/context/wallet/BTCWalletProvider";
 import { network } from "@/config/network.config";
 import { Network } from "@/utils/wallet/btc_wallet_provider";
 
 import testnetIcon from "./testnet-icon.png";
 
 export const NetworkBadge = () => {
-  const { connected } = useBTCWallet();
-
   return (
-    <div
-      className={twJoin(
-        `absolute left-2`,
-        connected ? "top-40 md:top-24 lg:top-32" : "top-24 md:top-24 lg:top-32",
-      )}
-    >
+    <div className={twJoin(`absolute left-2 top-7`)}>
       {[Network.SIGNET, Network.TESTNET].includes(network) && (
         <>
-          <Image src={testnetIcon} alt="Testnet" className="w-[10rem]" />
+          <Image
+            src={testnetIcon}
+            alt="Testnet"
+            className="w-[4rem] md:w-[7rem]"
+          />
           {/*
             currently the text is absolutely positioned
             since the image has a shadow
           */}
-          <p className="absolute left-4 top-[4rem] text-sm dark:text-neutral-content">
+          <p className="absolute left-1 top-[1rem] md:top-[2rem] text-sm text-secondary-contrast">
             Testnet
           </p>
         </>