diff --git a/bridge-ui/src/app/faq/page.tsx b/bridge-ui/src/app/faq/page.tsx new file mode 100644 index 000000000..8cfa5dab2 --- /dev/null +++ b/bridge-ui/src/app/faq/page.tsx @@ -0,0 +1,214 @@ +import Link from "next/link"; +import { Collapse } from "@/components/Collapse"; + +export default function FaqPage() { + return ( +
+

FAQ

+
+ +

By default, your bridged funds are sent to the same address they were originally sent from.

+
+ + +

+ Yes — find the 'To different address' button beneath the field that displays the amount of ETH or + tokens you will receive on the target chain. You can then enter the address you want the funds to be bridged + to. Only send funds to addresses on Ethereum Mainnet or Linea Mainnet. You may lose funds otherwise, and + they will be irretrievable (see this{" "} + + MetaMask Support article + {" "} + for an explanation). This means you cannot bridge to Bitcoin or Solana, for example, using the Linea Bridge. +

+
+ + +

+ If you chose manual claiming, you need to return to the Linea Bridge and make an additional transaction. It + typically takes around 20 minutes (two Ethereum epochs) before you can claim a deposit; withdrawals from + Linea can take much longer, and vary in duration. +

+

+ To claim, head to the 'Transactions' tab and locate the bridge transaction you want to claim; it + should be marked as 'Ready to claim'. Click on it, and then on the 'Claim' button to + initiate the transaction. +

+
+ + +

+ Linea does not charge fees for using the bridge. However, you will need to pay gas fees for transactions. + Gas fees vary according to network activity, so we cannot accurately predict how much you'll pay. The + bulk of the cost will be for interacting with Ethereum Mainnet; Linea's gas fees are considerably + cheaper. +

+

+ If you use manual claiming, you pay gas fees for the bridge transaction and then gas fees for the claim + transaction. +

+

+ For automatic claiming, you pay gas fees for your initial bridge transaction and then a fee to cover the gas + costs of the postman executing the claim on your behalf. +

+
+ + +

+ The Linea Bridge is designed to transact between layer 1 (Ethereum Mainnet) and layer 2 (Linea Mainnet), + rather than for bridging to any other chains. +

+

+ If you want to bridge to other EVM-compatible networks, consider using the{" "} + + MetaMask Portfolio bridge + + . +

+
+ + +

+ The tokens available to select on the Linea Bridge are sourced from a curated list defined{" "} + + here + {" "} + and maintained by the Linea team. This practice ensures users always bridge to the correct token—rather than + variants, preventing{" "} + + liquidity fragmentation + {" "} + and mitigates the risk of funds loss. +

+
+ + +

+ First, check whether your funds are ready to claim. To see claimable funds, go to the “Transactions” tab of + the Linea Bridge app. +

+

+ If claiming isn't the issue, head to Lineascan and see if the transaction is pending, and in the queue: +

+
    +
  • + + Here + {" "} + for L1 -> L2 transactions (deposits) +
  • +
  • + + Here + {" "} + for L2 -> L1 transactions (exit transactions) +
  • +
+ +

+ If the transaction is still pending, just wait for it to be confirmed, and your funds will be available to + claim or will be in your wallet (depending on the claiming method you chose). If the transaction is missing, + or it has been confirmed and you still don&pos;t see your tokens, contact support by clicking the button in + the bottom-left of the Linea Bridge app, or head to the{" "} + + Linea help center + + . +

+
+ + +

This depends on the direction of your bridge:

+
    +
  • Deposit (L1 -> L2): Approximately 20 minutes.
  • +
  • + Withdrawal (L2 -> L1): Between 8 and 32 hours. The L2 transaction must be finalized on Ethereum Mainnet + before you can claim your funds. +
  • +
+
+ + +

+ Yes, although it's not a method we recommend for beginners.{" "} + + View the guide on the MetaMask Help Center + + . +

+

+ Note that this only speeds up your submission of the bridge transaction. It does not actually speed up the + bridging process itself that you initiate with this transaction — you cannot speed up the 8-32 hour waiting + time for a withdrawal. +

+
+ + +

Click the “Contact support” button in the bottom-left corner of the Linea Bridge app.

+

Alternatively, head to the Linea Help Center and click the “Contact” button on the homepage.

+

+ You can also get advice and support on our moderated{" "} + + Discord + + . +

+
+
+
+ ); +} diff --git a/bridge-ui/src/components/Collapse.tsx b/bridge-ui/src/components/Collapse.tsx new file mode 100644 index 000000000..d69005776 --- /dev/null +++ b/bridge-ui/src/components/Collapse.tsx @@ -0,0 +1,13 @@ +type CollapseProps = { + title: string; + children: React.ReactNode; +}; + +export const Collapse: React.FC = ({ title, children }) => { + return ( +
+ {title} +
{children}
+
+ ); +}; diff --git a/bridge-ui/src/components/layouts/header/HeaderLogo.tsx b/bridge-ui/src/components/layouts/header/HeaderLogo.tsx index d5dfa96cf..6b355b227 100644 --- a/bridge-ui/src/components/layouts/header/HeaderLogo.tsx +++ b/bridge-ui/src/components/layouts/header/HeaderLogo.tsx @@ -11,6 +11,8 @@ function formatPath(pathname: string): string { return "Bridge"; case "/transactions": return "Transactions"; + case "/faq": + return "FAQ"; default: return ""; } diff --git a/bridge-ui/src/utils/constants.ts b/bridge-ui/src/utils/constants.ts index 7ebde4fd7..969ee08e0 100644 --- a/bridge-ui/src/utils/constants.ts +++ b/bridge-ui/src/utils/constants.ts @@ -16,18 +16,18 @@ export const MENU_ITEMS = [ external: false, Icon: TransactionsIcon, }, + { + title: "FAQ", + href: "/faq", + external: false, + Icon: FaqIcon, + }, { title: "Docs", href: "https://docs.linea.build/", external: true, Icon: DocsIcon, }, - { - title: "FAQ", - href: "https://support.linea.build/hc/en-us/categories/13281330249371-FAQs", - external: true, - Icon: FaqIcon, - }, ]; export const NETWORK_ID_TO_NAME: Record = {