From 1a479a533b4649493a8b3b970b1ab7410f5d4b9a Mon Sep 17 00:00:00 2001 From: Stasn13 Date: Wed, 28 May 2025 14:13:29 +0100 Subject: [PATCH 01/48] update dark mode for unexisting state --- apps/wallet/tailwind.config.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/wallet/tailwind.config.ts b/apps/wallet/tailwind.config.ts index b7971272d..708cb5113 100644 --- a/apps/wallet/tailwind.config.ts +++ b/apps/wallet/tailwind.config.ts @@ -10,7 +10,7 @@ export default { // todo: extend @status-im/components too presets: [config], - darkMode: 'media', + darkMode: ['selector', '[data-theme="dark"]'], future: { hoverOnlyWhenSupported: true, From 23297cf38e8fbd40b9e80e11efabd007577dd338 Mon Sep 17 00:00:00 2001 From: Stasn13 Date: Wed, 28 May 2025 14:15:34 +0100 Subject: [PATCH 02/48] implement onboarding index template --- apps/wallet/src/routes/onboarding/index.tsx | 45 +++++++++++++++------ 1 file changed, 32 insertions(+), 13 deletions(-) diff --git a/apps/wallet/src/routes/onboarding/index.tsx b/apps/wallet/src/routes/onboarding/index.tsx index 3aea6e426..d9b551e83 100644 --- a/apps/wallet/src/routes/onboarding/index.tsx +++ b/apps/wallet/src/routes/onboarding/index.tsx @@ -1,3 +1,4 @@ +import { Button, Text } from '@status-im/components' import { createFileRoute, Link } from '@tanstack/react-router' export const Route = createFileRoute('/onboarding/')({ @@ -13,19 +14,37 @@ export const Route = createFileRoute('/onboarding/')({ function RouteComponent() { return ( -
- - Create a wallet - - - I already have a wallet - +
+
+
+ + Your Wallet. +
+ Your crypto. +
+ + Some awesome sub copy + +
+
+ + +
+ + By continuing you agree with Status +
+ + Terms of use + {' '} + and{' '} + + Privacy policy + +
) } From 7af109fb61efd349aeae06035b77f61f54bce94a Mon Sep 17 00:00:00 2001 From: Stasn13 Date: Wed, 28 May 2025 14:16:18 +0100 Subject: [PATCH 03/48] implement onboarding import template --- apps/wallet/src/routes/onboarding/import.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/apps/wallet/src/routes/onboarding/import.tsx b/apps/wallet/src/routes/onboarding/import.tsx index 5ce68cbac..742103e51 100644 --- a/apps/wallet/src/routes/onboarding/import.tsx +++ b/apps/wallet/src/routes/onboarding/import.tsx @@ -1,6 +1,6 @@ import { useState } from 'react' -import { Button, Input } from '@status-im/components' +import { Button, Input, Text } from '@status-im/components' import { createFileRoute } from '@tanstack/react-router' import { useForm } from 'react-hook-form' @@ -59,9 +59,13 @@ function ImportWallet({ onNext }: { onNext: (mnemonic: string) => void }) { return (
+ Import via recovery phrase + + Type or paste your 12-, 18-, or 24-word Ethereum recovery phrase +