Skip to content

Commit

Permalink
content touch ups
Browse files Browse the repository at this point in the history
  • Loading branch information
starknetdev committed Jun 26, 2024
1 parent bf1cae1 commit f53bdf6
Show file tree
Hide file tree
Showing 5 changed files with 10 additions and 37 deletions.
9 changes: 0 additions & 9 deletions ui/src/app/components/onboarding/Intro.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,15 +34,6 @@ const Intro = () => {
<SoundOnIcon className="w-10 h-10 justify-center fill-current" />
)}
</Button>
<Button
className="fixed top-2 right-2 sm:top-20 sm:right-20"
onClick={() => {
setScreen("start");
handleOnboarded();
}}
>
Continue As Guest
</Button>
<div className="flex flex-col items-center gap-5 py-20 sm:p-0">
<h1 className="m-0 uppercase text-4xl sm:text-6xl text-center">
Welcome to Loot Survivor
Expand Down
17 changes: 5 additions & 12 deletions ui/src/app/components/onboarding/Sections/EthSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,18 +46,11 @@ const EthSection = ({
<p className="text-xl sm:text-base">
Balance: {formatCurrency(eth)} ETH
</p>
{onMainnet ? (
<p className="text-xl">
We are on <span className="uppercase">{network}</span> so you are
required to bridge from Ethereum or directly purchase through one of
the wallets.
</p>
) : (
<p className="text-xl sm:text-base">
We are on <span className="uppercase">{network}</span> so you are
able to get some test ETH from the faucet.
</p>
)}
<p className="text-xl">
ETH is required to play Loot Survivor on{" "}
<span className="uppercase">{network}</span> to pay for transactions
and verifiable randomness.
</p>
<span
className="flex items-center justify-center border border-terminal-green w-1/2 p-2 cursor-pointer"
onClick={() => setSection("eth")}
Expand Down
9 changes: 4 additions & 5 deletions ui/src/app/components/onboarding/Sections/WalletSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,10 +42,9 @@ const WalletSection = ({ step }: WalletSectionProps) => {
</>
)}
<div className="flex flex-col items-center justify-between border border-terminal-green p-5 text-center gap-10 z-1 h-[400px] sm:h-[425px] 2xl:h-[500px]">
<h4 className="m-0 uppercase text-3xl">Connect Starknet Wallet</h4>
<h4 className="m-0 uppercase text-3xl">Login</h4>
<p className="sm:hidden 2xl:block text-xl">
In order to play LOOT SURVIVOR you are required to connect a Starknet
wallet.
Login with your Starknet account to play
</p>
<div className="hidden sm:flex flex-col">
{walletConnectors.map((connector, index) => (
Expand All @@ -58,7 +57,7 @@ const WalletSection = ({ step }: WalletSectionProps) => {
key={index}
>
{connector.id === "braavos" || connector.id === "argentX"
? `Connect ${connector.id}`
? `Login With ${connector.id}`
: connector.id === "argentWebWallet"
? "Login With Email"
: "Login with Cartridge Controller"}
Expand All @@ -77,7 +76,7 @@ const WalletSection = ({ step }: WalletSectionProps) => {
key={index}
>
{connector.id === "braavos" || connector.id === "argentX"
? `Connect ${connector.id}`
? `Login With ${connector.id}`
: connector.id === "argentWebWallet"
? "Login With Email"
: "Login with Cartridge Controller"}
Expand Down
10 changes: 0 additions & 10 deletions ui/src/app/containers/Onboarding.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@ const Onboarding = ({

const [mintingLords, setMintingLords] = useState(false);

const handleOnboarded = useUIStore((state) => state.handleOnboarded);
const setScreen = useUIStore((state) => state.setScreen);

const eth = Number(ethBalance);
Expand Down Expand Up @@ -65,15 +64,6 @@ const Onboarding = ({
<SoundOnIcon className="w-10 h-10 justify-center fill-current" />
)}
</Button>
<Button
className="fixed top-2 right-2 sm:top-20 sm:right-20"
onClick={() => {
setScreen("start");
handleOnboarded();
}}
>
Continue As Guest
</Button>
<div className="flex flex-col items-center gap-5 py-20 sm:p-0">
<h1 className="m-0 uppercase text-4xl sm:text-6xl text-center">
Welcome to Loot Survivor
Expand Down
2 changes: 1 addition & 1 deletion ui/src/app/lib/connectors.ts
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ const cartridgeConnector = (gameAddress: string, lordsAddress: string) =>
]) as never as Connector;

export const connectors = (gameAddress: string, lordsAddress: string) => [
cartridgeConnector(gameAddress, lordsAddress),
new InjectedConnector({ options: { id: "braavos", name: "Braavos" } }),
new InjectedConnector({ options: { id: "argentX", name: "Argent X" } }),
cartridgeConnector(gameAddress, lordsAddress),
];

0 comments on commit f53bdf6

Please sign in to comment.