diff --git a/landing/src/components/modules/bridge-in.tsx b/landing/src/components/modules/bridge-in.tsx index d536786c6..fefbc173e 100644 --- a/landing/src/components/modules/bridge-in.tsx +++ b/landing/src/components/modules/bridge-in.tsx @@ -38,8 +38,10 @@ export const BridgeIn = () => { const { computeTravelTime } = useTravel(); const { getRealmNameById } = useRealm(); const [isLoading, setIsLoading] = useState(false); - const [selectedResourceIds, setSelectedResourceIds] = useState([]); - const [selectedResourceAmounts, setSelectedResourceAmounts] = useState<{ [key: string]: number }>({}); + const [selectedResourceIds, setSelectedResourceIds] = useState([ResourcesIds.Lords]); + const [selectedResourceAmounts, setSelectedResourceAmounts] = useState<{ [key: string]: number }>({ + [ResourcesIds.Lords]: 0, + }); const [resourceAddresses, setResourceAddresses] = useState<{ [key: string]: string }>({}); const unselectedResources = useMemo( () => resources.filter((res) => !selectedResourceIds.includes(res.id)), @@ -151,8 +153,10 @@ export const BridgeIn = () => { const resp = await bridgeIntoRealm(validResources, ADMIN_BANK_ENTITY_ID, BigInt(realmEntityId!)); if (resp) { - setSelectedResourceIds([]); - setSelectedResourceAmounts({}); + setSelectedResourceIds([ResourcesIds.Lords]); + setSelectedResourceAmounts({ + [ResourcesIds.Lords]: 0, + }); } } catch (error) { console.error("Bridge into realm error:", error); @@ -168,12 +172,49 @@ export const BridgeIn = () => { <>
- Bridge resources and lords from your Starknet wallet into the Eternum game. You will have to complete the - claim on your Realm in the{" "} - - game - - . +
+

+ Bridge Resources Into Your Realm +

+ +
+
+
+ + 1 + +
+
+

Bridge Assets into the Game

+

+ Bridge your ERC20 assets, resources and lords from your Starknet wallet into the Eternum game. +

+
+
+ +
+
+ + 2 + +
+
+

Complete Claim

+

+ Complete the claim on your Realm in the{" "} + + game + {" "} + by checking the Resource Arrivals (Donkeys) tab in the game. +

+
+
+
+
@@ -186,7 +227,11 @@ export const BridgeIn = () => { setRealmEntityId(value)}> - + {address ? :
-- Connect your wallet --
} {playerRealmsIdAndName.map((realm) => { diff --git a/landing/src/components/modules/bridge-out-step-2.tsx b/landing/src/components/modules/bridge-out-step-2.tsx index bd4fe55e6..50c118374 100644 --- a/landing/src/components/modules/bridge-out-step-2.tsx +++ b/landing/src/components/modules/bridge-out-step-2.tsx @@ -136,13 +136,45 @@ export const BridgeOutStep2 = () => { <>
- Finalise the withdrawal of resources from your Realm in Eternum to your Starknet wallet. The bridge will close - and you will be unable to withdraw 48 hours after the Season is won. +
+

+ Finalize Bridge Withdrawal +

+ +
+
+
+ + + + + +
+
+

Complete Withdrawal

+

+ Finalize the withdrawal of resources from your Realm in Eternum to your Starknet wallet. Select a + donkey to withdraw resources from. +

+
+
+
+
Withdraw To
-
{displayAddress(address || "")}
+
{address ? displayAddress(address || "") : " -- Connect your wallet --"}
@@ -308,7 +340,7 @@ export const BridgeOutStep2 = () => { className="w-full" > {isLoading && } - {isLoading ? "Sending to Wallet..." : "Send to Wallet (Final Step)"} + {isLoading ? "Sending to Wallet..." : "Send to Wallet"}
diff --git a/landing/src/components/modules/realms-grid.tsx b/landing/src/components/modules/realms-grid.tsx index b32c94287..bc09c7f84 100644 --- a/landing/src/components/modules/realms-grid.tsx +++ b/landing/src/components/modules/realms-grid.tsx @@ -1,6 +1,6 @@ import { Button } from "@/components/ui/button"; import { GetRealmsQuery } from "@/hooks/gql/graphql"; -import { Grid2X2, Grid3X3 } from "lucide-react"; +import { Castle, Grid2X2, Grid3X3 } from "lucide-react"; import { useState } from "react"; import { AnimatedGrid } from "./animated-grid"; import { RealmCard } from "./realm-card"; @@ -30,8 +30,41 @@ export const RealmsGrid = ({ }: SeasonPassRowProps) => { const [isCompactGrid, setIsCompactGrid] = useState(false); - if (!realms?.length) return
No Realms found
; + if (!realms?.length) { + return ( +
+ {/* Decorative elements */} +
+
+
+
+ + +
+

+ No Realms Yet +

+ +

+ Your collection of realms will appear here once you acquire them. + + Get your realm to start your journey into Realms World! +

+ + + + +
+
+ ); + } const gridItems: RealmGridItem[] = realms.map((realm) => ({ colSpan: isCompactGrid ? { sm: 3, md: 2, lg: 2 } : { sm: 5, md: 3, lg: 3 }, data: realm!, diff --git a/landing/src/components/modules/season-passes-grid.tsx b/landing/src/components/modules/season-passes-grid.tsx index c577a9772..92f3726e9 100644 --- a/landing/src/components/modules/season-passes-grid.tsx +++ b/landing/src/components/modules/season-passes-grid.tsx @@ -1,6 +1,6 @@ import { Button } from "@/components/ui/button"; import { GetRealmsQuery } from "@/hooks/gql/graphql"; -import { Grid2X2, Grid3X3 } from "lucide-react"; +import { Crown, Grid2X2, Grid3X3 } from "lucide-react"; import { useState } from "react"; import { AnimatedGrid } from "./animated-grid"; import { SeasonPassCard } from "./season-pass-card"; @@ -23,7 +23,51 @@ interface SeasonPassRowProps { export const SeasonPassesGrid = ({ toggleNftSelection, isNftSelected, seasonPasses }: SeasonPassRowProps) => { const [isCompactGrid, setIsCompactGrid] = useState(false); - if (!seasonPasses?.length) return
No Season Pass Found
; + if (!seasonPasses?.length) { + return ( +
+
+
+
+
+ + + +
+

+ No Season Passes Yet +

+ +
+

+ Your collection of season passes will appear here until you burn them to mint a realm in the game. +

+

+ Once you burn a pass, it will be removed from this view. +

+ +

+ Get your pass to join the game and start your journey into Eternum! +

+
+ + + + +
+
+ ); + } const gridItems: RealmGridItem[] = seasonPasses.map((pass) => ({ colSpan: isCompactGrid ? { sm: 3, md: 2, lg: 2 } : { sm: 5, md: 3, lg: 3 },