From 0f249b4fba8ce33670a8db9d74db0b7119a2265d Mon Sep 17 00:00:00 2001 From: elocin Date: Thu, 11 Apr 2024 13:44:00 +0800 Subject: [PATCH] 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 --- cypress/deprecated/dfi.spec.ts | 4 +- cypress/fixture/dfi.config.ts | 6 +- .../{logo-huobi.png => logo-htx.png} | Bin src/components/icons/assets/exchanges/Htx.tsx | 57 ++++++++++++++++++ .../icons/assets/exchanges/Huobi.tsx | 52 ---------------- .../icons/assets/exchanges/index.ts | 4 +- src/layouts/components/BuyDFIButton.tsx | 6 +- .../_components/GetDFISectionExchanges.tsx | 6 +- 8 files changed, 70 insertions(+), 65 deletions(-) rename public/assets/img/exchanges/{logo-huobi.png => logo-htx.png} (100%) create mode 100644 src/components/icons/assets/exchanges/Htx.tsx delete mode 100644 src/components/icons/assets/exchanges/Huobi.tsx diff --git a/cypress/deprecated/dfi.spec.ts b/cypress/deprecated/dfi.spec.ts index 6da4b64dd..89e75bd62 100644 --- a/cypress/deprecated/dfi.spec.ts +++ b/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"); diff --git a/cypress/fixture/dfi.config.ts b/cypress/fixture/dfi.config.ts index 3a3f1ef33..17aea02de 100644 --- a/cypress/fixture/dfi.config.ts +++ b/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", diff --git a/public/assets/img/exchanges/logo-huobi.png b/public/assets/img/exchanges/logo-htx.png similarity index 100% rename from public/assets/img/exchanges/logo-huobi.png rename to public/assets/img/exchanges/logo-htx.png diff --git a/src/components/icons/assets/exchanges/Htx.tsx b/src/components/icons/assets/exchanges/Htx.tsx new file mode 100644 index 000000000..290e87c8b --- /dev/null +++ b/src/components/icons/assets/exchanges/Htx.tsx @@ -0,0 +1,57 @@ +export default function Htx(): JSX.Element { + return ( + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/src/components/icons/assets/exchanges/Huobi.tsx b/src/components/icons/assets/exchanges/Huobi.tsx deleted file mode 100644 index d5c21a68d..000000000 --- a/src/components/icons/assets/exchanges/Huobi.tsx +++ /dev/null @@ -1,52 +0,0 @@ -export default function Huobi(): JSX.Element { - return ( - - - - - - - - - - - - - - - - - ); -} diff --git a/src/components/icons/assets/exchanges/index.ts b/src/components/icons/assets/exchanges/index.ts index 3f09f9ad1..b7dd13c13 100644 --- a/src/components/icons/assets/exchanges/index.ts +++ b/src/components/icons/assets/exchanges/index.ts @@ -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) => JSX.Element> = { Bitrue, Kucoin, - Huobi, + Htx, Gateio, Transak, Bybit, diff --git a/src/layouts/components/BuyDFIButton.tsx b/src/layouts/components/BuyDFIButton.tsx index 1d430df06..074fc93ea 100644 --- a/src/layouts/components/BuyDFIButton.tsx +++ b/src/layouts/components/BuyDFIButton.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", diff --git a/src/pages/explore/dfi/_components/GetDFISectionExchanges.tsx b/src/pages/explore/dfi/_components/GetDFISectionExchanges.tsx index 7b99a6706..d3df6afa9 100644 --- a/src/pages/explore/dfi/_components/GetDFISectionExchanges.tsx +++ b/src/pages/explore/dfi/_components/GetDFISectionExchanges.tsx @@ -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",