nostr/lume
1
0
Fork 0
mirror of https://github.com/luminous-devs/lume.git synced 2024-09-18 03:03:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix onboarding pages

Browse Source
This commit is contained in:
Ren Amamiya 2023-05-15 08:02:55 +07:00
parent becf24cbb5
commit 2b4d11182a
9 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -15,6 +15,7 @@
"dependencies": {
"@floating-ui/react": "^0.23.1",
"@headlessui/react": "^1.7.14",
"@nostr-connect/connect": "^0.4.0",
"@tanstack/react-query": "^4.29.5",
"@tanstack/react-virtual": "3.0.0-beta.54",
"@tauri-apps/api": "^1.3.0",

19
pnpm-lock.yaml
View File

@ -7,6 +7,9 @@ dependencies:
'@headlessui/react':
specifier: ^1.7.14
version: 1.7.14(react-dom@18.2.0)(react@18.2.0)
'@nostr-connect/connect':
specifier: ^0.4.0
version: 0.4.0(react@18.2.0)
'@tanstack/react-query':
specifier: ^4.29.5
version: 4.29.5(react-dom@18.2.0)(react@18.2.0)
@ -494,6 +497,17 @@ packages:
fastq: 1.15.0
dev: true
/@nostr-connect/connect@0.4.0(react@18.2.0):
resolution: {integrity: sha512-N8ubuLQb85veXK35XGlt+vI9JljhODKj3NRMfUTFuA3kNDpzW8ZRtGzIAPifrL9uZ8VNjAaU5fa7lMOHpMca0w==}
engines: {node: '>=10'}
peerDependencies:
react: '>=16'
dependencies:
events: 3.3.0
nostr-tools: 1.10.1
react: 18.2.0
dev: false
/@polka/url@1.0.0-next.21:
resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
dev: true
@ -1306,6 +1320,11 @@ packages:
engines: {node: '>=12'}
dev: false
/events@3.3.0:
resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
engines: {node: '>=0.8.x'}
dev: false
/execa@7.1.1:
resolution: {integrity: sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==}
engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}

2
src/app/auth/layout.tsx
View File

@ -24,7 +24,7 @@ export function LayoutOnboarding({ children }: { children: React.ReactNode }) {
<div className="flex h-screen w-full flex-col">
<div
data-tauri-drag-region
className="relative h-11 shrink-0 border border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
className="relative h-9 shrink-0 border border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
>
<div
data-tauri-drag-region

2
src/app/auth/pages/create/index.page.tsx
View File

@ -28,7 +28,7 @@ export function Page() {
const submit = () => {
setOnboarding((prev) => ({ ...prev, pubkey: pubkey, privkey: privkey }));
navigate("/auth/create/step-2");
navigate("/app/auth/create/step-2");
};
return (

2
src/app/auth/pages/create/step-2/index.page.tsx
View File

@ -32,7 +32,7 @@ export function Page() {
const onSubmit = (data: any) => {
setLoading(true);
setOnboarding((prev) => ({ ...prev, metadata: data }));
navigate("/auth/create/step-3");
navigate("/app/auth/create/step-3");
};
useEffect(() => {

5
src/app/auth/pages/import/index.page.tsx
View File

@ -43,7 +43,7 @@ export function Page() {
if (typeof getPublicKey(privkey) === "string") {
setOnboardingPrivkey((prev) => ({ ...prev, privkey: privkey }));
navigate("/auth/import/step-2");
navigate("/app/auth/import/step-2");
}
} catch (error) {
setError("key", {
@ -63,10 +63,9 @@ export function Page() {
</div>
<div className="flex flex-col gap-4">
<div>
{/* #TODO: add function */}
<button
type="button"
className="inline-flex w-full transform items-center justify-center gap-1.5 rounded-lg bg-zinc-900 px-3.5 py-2.5 font-medium text-zinc-400 active:translate-y-1"
className="inline-flex w-full transform items-center justify-center gap-1.5 rounded-lg bg-zinc-900 ring-1 ring-zinc-800 px-3.5 py-2.5 font-medium text-zinc-400 active:translate-y-1"
>
<div className="inline-flex items-center rounded-md bg-zinc-400/10 px-2 py-0.5 text-xs font-medium ring-1 ring-inset ring-zinc-400/20">
<span className="bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 bg-clip-text text-transparent">

2
src/app/auth/pages/import/step-2/index.page.tsx
View File

@ -67,7 +67,7 @@ export function Page() {
.then((res) => {
if (res) {
for (const tag of onboarding.follows) {
fetch(`https://us.rbr.bio/${tag[1]}/metadata.json`)
fetch(`https://rbr.bio/${tag[1]}/metadata.json`)
.then((data) => data.json())
.then((data) => createPleb(tag[1], data ?? ""));
}

4
src/app/auth/pages/index/index.page.tsx
View File

@ -112,14 +112,14 @@ export function Page() {
</h1>
<div className="mt-4 flex flex-col items-center gap-1.5">
<a
href="/auth/create"
href="/app/auth/create"
className="relative inline-flex h-14 w-64 items-center justify-center gap-2 rounded-full bg-zinc-900 px-6 text-lg font-medium ring-1 ring-zinc-800 hover:bg-zinc-800"
>
Create new key
<ArrowRightIcon width={20} height={20} />
</a>
<a
href="/auth/import"
href="/app/auth/import"
className="inline-flex h-14 w-64 items-center justify-center gap-2 rounded-full px-6 text-base font-medium text-zinc-300 hover:bg-zinc-800"
>
Login with private key

4
src/app/index/pages/index.page.tsx
View File

@ -13,7 +13,7 @@ export function Page() {
});
if (!isLoading && !data) {
navigate("/auth", { overwriteLastHistoryEntry: true });
navigate("/app/auth", { overwriteLastHistoryEntry: true });
}
if (!isLoading && data) {
@ -21,6 +21,6 @@ export function Page() {
}
return (
<div className="h-screen w-screen bg-zinc-50 text-zinc-900 dark:bg-black dark:text-white" />
<div className="h-screen w-screen bg-zinc-50 text-zinc-900 dark:bg-black dark:text-zinc-100" />
);
}