diff --git a/src/app/bridge/page.tsx b/src/app/bridge/page.tsx index 50d03ea..e0c347c 100644 --- a/src/app/bridge/page.tsx +++ b/src/app/bridge/page.tsx @@ -1,7 +1,68 @@ 'use client'; +import Image from 'next/image'; +import { A_Blank } from 'src/components/buttons/A_Blank'; +import { SolidButton } from 'src/components/buttons/SolidButton'; +import { ChevronIcon } from 'src/components/icons/Chevron'; import { Section } from 'src/components/layout/Section'; +import { H1 } from 'src/components/text/headers'; +import PortalLogo from 'src/images/logos/portal-bridge.jpg'; +import SquidLogo from 'src/images/logos/squid-router.jpg'; + +interface Bridge { + name: string; + operator: string; + href: string; + logo: any; +} + +const BRIDGES: Bridge[] = [ + { + name: 'Squid Router', + operator: 'Squid', + href: 'https://v2.app.squidrouter.com', + logo: SquidLogo, + }, + { + name: 'Portal Bridge', + operator: 'Wormhole', + href: 'https://portalbridge.com', + logo: PortalLogo, + }, +]; export default function Page() { - return
TODO
; + return ( +
+

Bridge to Celo

+ {BRIDGES.map((bridge) => ( + + ))} +

+ These bridges are independent, third-party service providers. +
+ Celo assumes no responsibility for their operation. +

+
+ ); +} + +function BridgeLink({ name, operator, href, logo }: Bridge) { + return ( +
+
+ +
+

{name}

+

{`By ${operator}`}

+
+
+ + + Bridge + + + +
+ ); } diff --git a/src/app/delegate/page.tsx b/src/app/delegate/page.tsx index b8767c2..1a7e0d3 100644 --- a/src/app/delegate/page.tsx +++ b/src/app/delegate/page.tsx @@ -41,7 +41,10 @@ function RegisterCtaCard() {

Passionate about Celo governance?

-

Add your information on Github to be listed here.

+

+ If you would like to be included in this list, open a pull-request to add your information + on Github. +

Register as a delegate diff --git a/src/components/nav/NavBar.tsx b/src/components/nav/NavBar.tsx index c4a21f4..45a3418 100644 --- a/src/components/nav/NavBar.tsx +++ b/src/components/nav/NavBar.tsx @@ -5,7 +5,7 @@ import { usePathname } from 'next/navigation'; import { ChevronIcon } from 'src/components/icons/Chevron'; import { CeloGlyph } from 'src/components/logos/Celo'; import { DropdownMenu } from 'src/components/menus/Dropdown'; -// import Bridge from 'src/images/icons/bridge.svg'; +import Bridge from 'src/images/icons/bridge.svg'; import Dashboard from 'src/images/icons/dashboard.svg'; import Delegate from 'src/images/icons/delegate.svg'; import Governance from 'src/images/icons/governance.svg'; @@ -16,7 +16,7 @@ const LINKS = (isWalletConnected?: boolean) => [ { label: 'Staking', to: '/', icon: Staking }, { label: 'Governance', to: '/governance', icon: Governance }, { label: 'Delegate', to: '/delegate', icon: Delegate }, - // { label: 'Bridge', to: '/bridge', icon: Bridge }, + { label: 'Bridge', to: '/bridge', icon: Bridge }, ...(isWalletConnected ? [{ label: 'Dashboard', to: '/account', icon: Dashboard }] : []), ]; diff --git a/src/config/proposals.json b/src/config/proposals.json index 956d841..e7d52a5 100644 --- a/src/config/proposals.json +++ b/src/config/proposals.json @@ -1990,7 +1990,8 @@ "cgpUrlRaw": "https://raw.githubusercontent.com/celo-org/governance/main/CGPs/cgp-0139.md", "title": "Mento Spin-off and Launch of the MENTO token", "author": "Bogdan Dumitru , Roman Croessmann , Markus Franke , Oleksiy Novykov ", - "stage": 0, + "stage": 1, + "id": 180, "url": "https://forum.celo.org/t/mento-spin-off-and-launch-of-the-mento-token/7747", "timestamp": 1716422400000 } diff --git a/src/images/logos/portal-bridge.jpg b/src/images/logos/portal-bridge.jpg new file mode 100644 index 0000000..5b9f6e5 Binary files /dev/null and b/src/images/logos/portal-bridge.jpg differ diff --git a/src/images/logos/squid-router.jpg b/src/images/logos/squid-router.jpg new file mode 100644 index 0000000..16adb10 Binary files /dev/null and b/src/images/logos/squid-router.jpg differ