fix(ui-ux): update huobi logo (#741)

* update huobi logo

* update Huobi to htx

* revert id change

* revert dfi config for testing

* changed all huobi to htx

* updated to Htx

Author: nattadex

cypress/deprecated/dfi.spec.ts

@@ -65,7 +65,7 @@ context("/dfi page on desktop", () => {
       cy.findByTestId("ExchangeSection.Kucoin").should("be.visible");
       cy.findByTestId("ExchangeSection.EasyAu").should("be.visible");
       cy.findByTestId("ExchangeSection.EasyNz").should("be.visible");
-      cy.findByTestId("ExchangeSection.Huobi").should("be.visible");
+      cy.findByTestId("ExchangeSection.Htx").should("be.visible");
       cy.findByTestId("ExchangeSection.Transak").should("be.visible");
       cy.findByTestId("ExchangeSection.Bit").should("be.visible");
       cy.findByTestId("ExchangeSection.Bitmart").should("be.visible");
@@ -149,7 +149,7 @@ context("/dfi page on mobile", () => {
       cy.findByTestId("ExchangeSection.Kucoin").should("be.visible");
       cy.findByTestId("ExchangeSection.EasyAu").should("be.visible");
       cy.findByTestId("ExchangeSection.EasyNz").should("be.visible");
-      cy.findByTestId("ExchangeSection.Huobi").should("be.visible");
+      cy.findByTestId("ExchangeSection.Htx").should("be.visible");
       cy.findByTestId("ExchangeSection.Transak").should("be.visible");
       cy.findByTestId("ExchangeSection.Bybit").should("be.visible");
       cy.findByTestId("ExchangeSection.Swyftx").should("be.visible");

cypress/fixture/dfi.config.ts

@@ -11,9 +11,9 @@ export const exchanges = [
     url: "https://trade.kucoin.com/DFI-BTC",
   },
   {
-    id: "huobi",
-    name: "Huobi",
-    url: "https://www.huobi.com/en-us/exchange/dfi_usdt",
+    id: "htx",
+    name: "Htx",
+    url: "https://www.htx.com/trade/dfi_usdt",
   },
   {
     id: "gateio",

public/assets/img/exchanges/logo-huobi.png renamed to public/assets/img/exchanges/logo-htx.png

@@ -0,0 +1,57 @@
+export default function Htx(): JSX.Element {
+  return (
+    <svg
+      width="96"
+      height="37"
+      viewBox="0 0 96 37"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_1_28)">
+        <mask
+          id="mask0_1_28"
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="96"
+          height="37"
+        >
+          <path d="M96 0H0V37H96V0Z" fill="white" />
+        </mask>
+        <g mask="url(#mask0_1_28)">
+          <path
+            d="M15.9235 11.4164C16.0336 5.98306 12.947 1.24852 11.3393 0.110635C11.332 0.103308 11.1888 0.0264827 11.1998 0.238696C11.1998 0.242341 11.1961 0.242341 11.1961 0.246004C11.031 10.5091 5.73839 13.2752 2.86461 17.0364C-3.52168 25.4004 1.80752 34.9428 8.71128 36.7501C8.82886 36.7795 9.14813 36.8746 9.75375 36.9989C10.0694 37.0649 10.1612 36.7977 9.92984 36.3989C9.10406 34.9683 7.6359 32.5534 7.34607 29.4507C6.68541 22.2465 15.795 17.7389 15.9235 11.4164Z"
+            fill="white"
+          />
+          <path
+            d="M19.403 14.8961C19.3479 14.8558 19.271 14.8594 19.2636 14.9289C19.1168 16.2352 17.7624 18.9427 15.9786 21.4746C9.97395 30.0106 12.9984 33.8816 15.3474 36.5673C15.7804 37.0649 15.9969 36.9552 16.2246 36.6003C16.4374 36.2636 16.7603 35.8355 18.1478 35.1806C18.3643 35.0782 23.6056 32.3048 24.1744 25.9897C24.7214 19.8794 20.7903 16.0155 19.403 14.8961Z"
+            fill="#008CD6"
+          />
+          <path
+            d="M50.5823 13.341V35.8025H45.7485V26.7288H36.459V35.8025H31.5041V13.341H36.459V22.4149H45.7485V13.341H50.5823Z"
+            fill="white"
+          />
+          <path
+            d="M72.9307 13.341V17.7828H70.6295H65.9902V35.7989H61.0171V17.7828H56.5025H54.2012V13.341H72.9307Z"
+            fill="white"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M90.5335 35.8246L84.8518 28.0092L79.2143 35.7916L73.7015 35.7989L82.0588 24.3321L74.1713 13.341H79.6804L96.0205 35.8246H90.5335Z"
+            fill="white"
+          />
+          <path
+            d="M86.3969 18.3682L89.124 22.1442L95.5838 13.3373H90.104L86.3969 18.3682Z"
+            fill="#008CD6"
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id="clip0_1_28">
+          <rect width="96" height="37" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

src/components/icons/assets/exchanges/Htx.tsx

@@ -1,7 +1,7 @@
 import { SVGProps } from "react";
 import Bitrue from "./Bitrue";
 import Kucoin from "./Kucoin";
-import Huobi from "./Huobi";
+import Htx from "./Htx";
 import Gateio from "./Gateio";
 import Transak from "./Transak";
 import Bybit from "./Bybit";
@@ -19,7 +19,7 @@ const mapping: Record<string, (props: SVGProps<SVGSVGElement>) => JSX.Element> =
   {
     Bitrue,
     Kucoin,
-    Huobi,
+    Htx,
     Gateio,
     Transak,
     Bybit,

src/components/icons/assets/exchanges/Huobi.tsx

@@ -21,9 +21,9 @@ export function BuyDFIButton({
       url: "https://trade.kucoin.com/DFI-BTC",
     },
     {
-      name: "Huobi",
-      image: "/assets/img/exchanges/logo-huobi.png",
-      url: "https://www.huobi.com/en-us/exchange/dfi_usdt",
+      name: "Htx",
+      image: "/assets/img/exchanges/logo-htx.png",
+      url: "https://www.htx.com/trade/dfi_usdt",
     },
     {
       name: "Gate.io",

src/components/icons/assets/exchanges/index.ts

@@ -22,9 +22,9 @@ export default function GetDFISectionExchanges() {
       url: "https://trade.kucoin.com/DFI-BTC",
     },
     {
-      id: "GetDFISection.Exchange.Huobi",
-      name: "Huobi",
-      url: "https://www.huobi.com/en-us/exchange/dfi_usdt",
+      id: "GetDFISection.Exchange.Htx",
+      name: "Htx",
+      url: "https://www.htx.com/trade/dfi_usdt",
     },
     {
       id: "GetDFISection.Exchange.Gateio",