diff --git a/apps/web/src/app/(routes)/bridge/_components/GasNotification.tsx b/apps/web/src/app/(routes)/bridge/_components/GasNotification.tsx index e6f99911..d0070ea7 100644 --- a/apps/web/src/app/(routes)/bridge/_components/GasNotification.tsx +++ b/apps/web/src/app/(routes)/bridge/_components/GasNotification.tsx @@ -43,9 +43,11 @@ export default function GasNotification({ className }: GasNotificationProps) { return ( -
-

Current Gas price

-

{text}

+
+

+ Estimated Gas fees +

+ {text}
); diff --git a/apps/web/src/app/(routes)/bridge/_components/GasRefundInfoModal.tsx b/apps/web/src/app/(routes)/bridge/_components/GasRefundInfoModal.tsx new file mode 100644 index 00000000..c74da51e --- /dev/null +++ b/apps/web/src/app/(routes)/bridge/_components/GasRefundInfoModal.tsx @@ -0,0 +1,45 @@ +"use client"; + +import { + Button, + Dialog, + DialogContent, + DialogTrigger, + Typography, +} from "design-system"; +import { useState } from "react"; + +export default function GasRefundInfoModal() { + const [open, setOpen] = useState(false); + return ( + + setOpen(true)}> + More + + + + How do gas fee +
+ refunds work? + + + The first 200 holders who bridge Everai to Starknet are + eligible for refunds. +
+
Each of these holders can receive a refund of up to $40. +
+
+ The refund will be made in STRK directly to your Starknet + wallet. + + + + + ); +} diff --git a/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx b/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx index 4a85d682..4a2f435a 100644 --- a/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx +++ b/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx @@ -7,6 +7,7 @@ import useEthereumCollectionApproval from "../_hooks/useEthereumCollectionApprov import useEthereumNftDeposit from "../_hooks/useEthereumNftDeposit"; import useNftSelection from "../_hooks/useNftSelection"; import GasNotification from "./GasNotification"; +import GasRefundInfoModal from "./GasRefundInfoModal"; function ApproveNfts() { const { approveForAll, isApproveLoading, isSigning } = @@ -113,9 +114,10 @@ function TransferNfts() { } - variant="mantis_green" + variant="space_blue" > - ArkProject will refund gas costs in Stark! + This transfer is eligible to a gas refund of up to 40$.{" "} + )} diff --git a/apps/web/src/app/(routes)/lounge/_components/MarketplacesList.tsx b/apps/web/src/app/(routes)/lounge/_components/MarketplacesList.tsx index 956ab7c6..8c0b25fb 100644 --- a/apps/web/src/app/(routes)/lounge/_components/MarketplacesList.tsx +++ b/apps/web/src/app/(routes)/lounge/_components/MarketplacesList.tsx @@ -74,7 +74,7 @@ export default function MarketplacesList() { Flex
diff --git a/apps/web/src/server/api/routers/l1Nfts.ts b/apps/web/src/server/api/routers/l1Nfts.ts index 41b9d4ed..0b011064 100644 --- a/apps/web/src/server/api/routers/l1Nfts.ts +++ b/apps/web/src/server/api/routers/l1Nfts.ts @@ -74,7 +74,6 @@ export const l1NftsRouter = createTRPCRouter({ return { contractAddress: contract.address, isBridgeable, - // isBridgeable, media, name: contract.name ?? contract.symbol ?? "Unknown", totalBalance: contract.totalBalance, diff --git a/apps/web/src/server/api/routers/stats.ts b/apps/web/src/server/api/routers/stats.ts index e7c20fdb..7eb702fb 100644 --- a/apps/web/src/server/api/routers/stats.ts +++ b/apps/web/src/server/api/routers/stats.ts @@ -7,7 +7,7 @@ interface EveraiStatsApiResponse { export const statsRouter = createTRPCRouter({ getEveraiBridgeNumber: publicProcedure.query(async () => { const everaiStatsResponse = await fetch( - "https://api.bridge.arkproject.dev/stats/0xC9ea1AFf83F0B35371729935E1bBecC41e590728" + "https://api.bridge.arkproject.dev/stats/0x9a38dec0590abc8c883d72e52391090e948ddf12" ); const everaiStats = diff --git a/packages/design-system/src/icons/GasIcon.tsx b/packages/design-system/src/icons/GasIcon.tsx index ad7b5286..ba30a2a5 100644 --- a/packages/design-system/src/icons/GasIcon.tsx +++ b/packages/design-system/src/icons/GasIcon.tsx @@ -6,14 +6,13 @@ export function GasIcon() { height="32" viewBox="0 0 32 32" fill="none" - xmlns="http://www.w3.org/2000/svg" className="hidden dark:block" > - + diff --git a/packages/design-system/src/icons/HighFeesIcon.tsx b/packages/design-system/src/icons/HighFeesIcon.tsx index dba07aee..21a8f656 100644 --- a/packages/design-system/src/icons/HighFeesIcon.tsx +++ b/packages/design-system/src/icons/HighFeesIcon.tsx @@ -1,7 +1,13 @@ export function HighFeesIcon() { return ( <> - + + + + + + + + + + + ); } diff --git a/packages/design-system/src/icons/LowFeesIcon.tsx b/packages/design-system/src/icons/LowFeesIcon.tsx index d5940c87..b9bbdbf0 100644 --- a/packages/design-system/src/icons/LowFeesIcon.tsx +++ b/packages/design-system/src/icons/LowFeesIcon.tsx @@ -1,36 +1,81 @@ export function LowFeesIcon() { return ( <> - + - + + + + + + + + + + diff --git a/packages/design-system/src/icons/MediumFeesIcon.tsx b/packages/design-system/src/icons/MediumFeesIcon.tsx index 89b372d8..3cc9432e 100644 --- a/packages/design-system/src/icons/MediumFeesIcon.tsx +++ b/packages/design-system/src/icons/MediumFeesIcon.tsx @@ -1,7 +1,13 @@ export function MediumFeesIcon() { return ( <> - + + + + + + + + + + + ); }