Remove unsupported token notification (#798)

* Remove unsupported token notification * Update transfer switch icon * Update opacity of switch svg
helix-bridge · Aug 20, 2024 · 3d99249 · 3d99249
1 parent 951e86c
commit 3d99249
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 23 deletions.
diff --git a/apps/web/public/images/switch.svg b/apps/web/public/images/switch.svg
diff --git a/apps/web/src/components/transfer-switch.tsx b/apps/web/src/components/transfer-switch.tsx
@@ -12,8 +12,8 @@ export default function TransferSwitch({ disabled, onSwitch = () => undefined }:
   return (
     <div className="relative h-[2px] lg:h-[4px]">
       <Tooltip
-        className={`absolute left-1/2 top-1/2 z-[9] -translate-x-1/2 -translate-y-1/2 rounded-lg bg-[#394a50] transition-shadow hover:shadow-[0_0_16px_1px_rgba(255,255,255,.8)] ${
-          disabled ? "opacity-60 hover:cursor-not-allowed" : "hover:cursor-pointer"
+        className={`absolute left-1/2 top-1/2 z-[9] -translate-x-1/2 -translate-y-1/2 rounded-lg bg-[#1F282C] transition-shadow hover:shadow-[0_0_8px_1px_rgba(255,255,255,.8)] ${
+          disabled ? "opacity-80 hover:cursor-not-allowed" : "hover:cursor-pointer"
         }`}
         content="This cross-chain is currently unavailable"
         enabled={disabled === true}
@@ -33,9 +33,7 @@ export default function TransferSwitch({ disabled, onSwitch = () => undefined }:
             height={28}
             alt="Switch"
             src="images/switch.svg"
-            className={`h-[1.75rem] w-[1.75rem] shrink-0 transition-opacity ${
-              disabled ? "opacity-60" : "opacity-80 hover:opacity-100"
-            }`}
+            className={`h-[1.75rem] w-[1.75rem] shrink-0 transition-opacity ${disabled ? "opacity-80" : ""}`}
           />
         </div>
       </Tooltip>

diff --git a/apps/web/src/hooks/use-supported-chains.ts b/apps/web/src/hooks/use-supported-chains.ts
@@ -2,7 +2,6 @@ import { GQL_GET_SUPPORTED_CHAINS } from "../config";
 import { SupportedChainsReqParams, SupportedChainsResData, TokenCategory } from "../types";
 import { useQuery } from "@apollo/client";
 import { useEffect, useMemo, useState } from "react";
-import { notification } from "../ui/notification";
 
 export function useSupportedChains(token: TokenCategory) {
   const { loading, data: _data } = useQuery<SupportedChainsResData, SupportedChainsReqParams>(
@@ -17,12 +16,6 @@ export function useSupportedChains(token: TokenCategory) {
   useEffect(() => {
     if (!loading) {
       setData(_data?.queryLnBridgeSupportedChains || []);
-      if (!(_data?.queryLnBridgeSupportedChains || []).length) {
-        notification.warn({
-          title: "No supported chains",
-          description: "Cross-chain transfer of this token is temporarily not supported.",
-        });
-      }
     }
   }, [loading, _data?.queryLnBridgeSupportedChains]);