Fix contract address (#541)

* fix lnbridge opposite mainnet contract

* update transfer section label text color

* update faucet label style

* fix fee rate base

Author: JayJay1024

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 = {

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>

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 });

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) {

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 />

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>
       ),

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}

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;

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));
+}