From 6348e9e83ae8b4db22f5cc3128965c697895c712 Mon Sep 17 00:00:00 2001
From: Jay <lygm1062@gmail.com>
Date: Fri, 20 Oct 2023 09:17:08 +0800
Subject: [PATCH] Fix contract address (#541)

* fix lnbridge opposite mainnet contract

* update transfer section label text color

* update faucet label style

* fix fee rate base
---
 packages/apps/src/bridges/lnbridge-opposite.ts        | 4 ++--
 packages/apps/src/components/faucet.tsx               | 2 +-
 packages/apps/src/components/fee-rate-input.tsx       | 5 +++--
 packages/apps/src/components/relayer-manage-modal.tsx | 6 +++++-
 packages/apps/src/components/relayer-register.tsx     | 6 +++---
 packages/apps/src/components/relayers-table.tsx       | 6 +++---
 packages/apps/src/components/transfer.tsx             | 2 +-
 packages/apps/src/config/constant.ts                  | 5 ++++-
 packages/apps/src/utils/misc.ts                       | 9 +++++++++
 9 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/packages/apps/src/bridges/lnbridge-opposite.ts b/packages/apps/src/bridges/lnbridge-opposite.ts
index 6ace527f2..2b03bec61 100644
--- a/packages/apps/src/bridges/lnbridge-opposite.ts
+++ b/packages/apps/src/bridges/lnbridge-opposite.ts
@@ -24,8 +24,8 @@ export class LnBridgeOpposite extends LnBridgeBase {
   private initContract() {
     if (this.sourceChain?.id === ChainID.ARBITRUM && this.targetChain?.id === ChainID.ETHEREUM) {
       this.contract = {
-        sourceAddress: "0x9e523234D36973f9e38642886197D023C88e307e",
-        targetAddress: "0x9469D013805bFfB7D3DEBe5E7839237e535ec483",
+        sourceAddress: "0x48d769d5C7ff75703cDd1543A1a2ed9bC9044A23",
+        targetAddress: "0x48d769d5C7ff75703cDd1543A1a2ed9bC9044A23",
       };
     } else {
       this.contract = {
diff --git a/packages/apps/src/components/faucet.tsx b/packages/apps/src/components/faucet.tsx
index c0e321b9c..f6c05d4a3 100644
--- a/packages/apps/src/components/faucet.tsx
+++ b/packages/apps/src/components/faucet.tsx
@@ -108,7 +108,7 @@ export default function Faucet() {
   return (
     <>
       <button
-        className="text-white/50 transition-colors hover:text-white disabled:cursor-not-allowed disabled:text-white/50"
+        className="text-primary transition-[color,transform] hover:text-white lg:active:translate-y-1"
         onClick={() => setIsOpen(true)}
       >
         <span className="text-sm font-normal">Faucet</span>
diff --git a/packages/apps/src/components/fee-rate-input.tsx b/packages/apps/src/components/fee-rate-input.tsx
index 5145e713b..06e9dd75a 100644
--- a/packages/apps/src/components/fee-rate-input.tsx
+++ b/packages/apps/src/components/fee-rate-input.tsx
@@ -1,4 +1,5 @@
 import Input from "@/ui/input";
+import { parseFeeRate } from "@/utils/misc";
 
 export default function FeeRateInput({
   placeholder,
@@ -9,7 +10,7 @@ export default function FeeRateInput({
   value?: { formatted: number; value: string };
   onChange?: (value: { formatted: number; value: string }) => void;
 }) {
-  const invalid = (value?.formatted || 0) < 0 || 100 < (value?.formatted || 0);
+  const invalid = (value?.formatted || 0) < 0 || 100000 < (value?.formatted || 0);
   return (
     <div
       className={`gap-small bg-app-bg p-small lg:p-middle normal-input-wrap flex items-center justify-between ${
@@ -22,7 +23,7 @@ export default function FeeRateInput({
         onChange={(e) => {
           if (e.target.value) {
             if (!Number.isNaN(Number(e.target.value))) {
-              onChange({ value: e.target.value, formatted: Number(e.target.value) });
+              onChange({ value: e.target.value, formatted: parseFeeRate(e.target.value) });
             }
           } else {
             onChange({ value: e.target.value, formatted: 0 });
diff --git a/packages/apps/src/components/relayer-manage-modal.tsx b/packages/apps/src/components/relayer-manage-modal.tsx
index 2710b8272..b0079b66e 100644
--- a/packages/apps/src/components/relayer-manage-modal.tsx
+++ b/packages/apps/src/components/relayer-manage-modal.tsx
@@ -10,6 +10,7 @@ import { useNetwork, useSwitchNetwork } from "wagmi";
 import { formatBalance } from "@/utils/balance";
 import { useRelayer } from "@/hooks/use-relayer";
 import dynamic from "next/dynamic";
+import { formatFeeRate } from "@/utils/misc";
 
 type TabKey = "update" | "deposit" | "withdraw";
 const Modal = dynamic(() => import("@/ui/modal"), { ssr: false });
@@ -74,7 +75,10 @@ export default function RelayerManageModal({ relayerInfo, isOpen, onClose, onSuc
     }
 
     if (relayerInfo?.liquidityFeeRate) {
-      setFeeRate({ formatted: Number(relayerInfo.liquidityFeeRate), value: `${relayerInfo.liquidityFeeRate}` });
+      setFeeRate({
+        formatted: Number(relayerInfo.liquidityFeeRate),
+        value: `${formatFeeRate(relayerInfo.liquidityFeeRate)}`,
+      });
     }
 
     if (relayerInfo?.bridge === "lnbridgev20-default" && _targetToken && relayerInfo.margin) {
diff --git a/packages/apps/src/components/relayer-register.tsx b/packages/apps/src/components/relayer-register.tsx
index 3033646cc..d75106c4a 100644
--- a/packages/apps/src/components/relayer-register.tsx
+++ b/packages/apps/src/components/relayer-register.tsx
@@ -11,7 +11,7 @@ import { Token, TokenSymbol } from "@/types/token";
 import { BridgeCategory } from "@/types/bridge";
 import { useAccount, useNetwork, useSwitchNetwork } from "wagmi";
 import Image from "next/image";
-import { getChainLogoSrc, getTokenLogoSrc } from "@/utils/misc";
+import { formatFeeRate, getChainLogoSrc, getTokenLogoSrc } from "@/utils/misc";
 import Tooltip from "@/ui/tooltip";
 import StepCompleteItem from "./step-complete-item";
 import { BalanceInput } from "./balance-input";
@@ -410,7 +410,7 @@ export default function RelayerRegister() {
                   balance={margin.formatted}
                 />
                 <StepCompleteItem property="Base Fee" token={sourceToken} balance={baseFee.formatted} />
-                <StepCompleteItem property="Liquidity Fee Rate" percent={feeRate.formatted} />
+                <StepCompleteItem property="Liquidity Fee Rate" percent={formatFeeRate(feeRate.formatted)} />
               </div>
             </>
           )}
@@ -527,7 +527,7 @@ export default function RelayerRegister() {
           <PrettyBaseFee fee={baseFee.formatted} token={sourceToken} />
 
           <span>Liquidity Fee Rate</span>
-          <span>{feeRate.formatted}%</span>
+          <span>{formatFeeRate(feeRate.formatted)}%</span>
         </div>
 
         <Divider />
diff --git a/packages/apps/src/components/relayers-table.tsx b/packages/apps/src/components/relayers-table.tsx
index 2fc1c1477..bac94e7c8 100644
--- a/packages/apps/src/components/relayers-table.tsx
+++ b/packages/apps/src/components/relayers-table.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 import PrettyAddress from "./pretty-address";
 import { Network } from "@/types/chain";
 import { getChainConfig } from "@/utils/chain";
-import { getChainLogoSrc, getTokenLogoSrc } from "@/utils/misc";
+import { formatFeeRate, getChainLogoSrc, getTokenLogoSrc } from "@/utils/misc";
 import { formatBalance } from "@/utils/balance";
 import { useState } from "react";
 import Button from "@/ui/button";
@@ -89,8 +89,8 @@ const commonColumns: ColumnType<DataSource>[] = [
       />
     ),
     render: ({ liquidityFeeRate }) =>
-      liquidityFeeRate ? (
-        <span className="text-sm font-normal text-white">{`${liquidityFeeRate}%`}</span>
+      typeof liquidityFeeRate === "number" ? (
+        <span className="text-sm font-normal text-white">{`${formatFeeRate(liquidityFeeRate)}%`}</span>
       ) : (
         <span>-</span>
       ),
diff --git a/packages/apps/src/components/transfer.tsx b/packages/apps/src/components/transfer.tsx
index 3579a4201..a76dc59ef 100644
--- a/packages/apps/src/components/transfer.tsx
+++ b/packages/apps/src/components/transfer.tsx
@@ -299,7 +299,7 @@ function Section({
   return (
     <div className={`gap-small lg:gap-middle relative flex flex-col ${className}`}>
       <div className="absolute -top-8 left-0 flex w-full items-center justify-between">
-        <span className="text-sm font-normal text-white">{label}</span>
+        <span className="text-sm font-normal text-white/50">{label}</span>
         {extra}
       </div>
       {children}
diff --git a/packages/apps/src/config/constant.ts b/packages/apps/src/config/constant.ts
index cb0ff5c3b..69b4f9dab 100644
--- a/packages/apps/src/config/constant.ts
+++ b/packages/apps/src/config/constant.ts
@@ -1 +1,4 @@
-export {};
+/**
+ * If the fee rate is 10.123%, its value in the contract is 10123 (10.123 * 1000)
+ */
+export const FEE_RATE_BASE = 1000;
diff --git a/packages/apps/src/utils/misc.ts b/packages/apps/src/utils/misc.ts
index 9e57d7698..4cbca975c 100644
--- a/packages/apps/src/utils/misc.ts
+++ b/packages/apps/src/utils/misc.ts
@@ -1,3 +1,4 @@
+import { FEE_RATE_BASE } from "@/config/constant";
 import { RecordStatus } from "@/types/graphql";
 
 export function formatRecordStatus(status: RecordStatus) {
@@ -28,3 +29,11 @@ export function getChainLogoSrc(fileName?: string | null) {
 export function getBridgeLogoSrc(fileName: string) {
   return `/images/bridge/${fileName}`;
 }
+
+export function parseFeeRate(rate: string) {
+  return Math.round(Number(rate) * FEE_RATE_BASE);
+}
+
+export function formatFeeRate(rate: number) {
+  return Number((rate / FEE_RATE_BASE).toFixed(3));
+}