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

updated import private key process

Browse Source
This commit is contained in:
Ren Amamiya 2023-03-27 15:13:07 +07:00
parent 2350590a22
commit c8a226eecf
5 changed files with 55 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/init.tsx
View File

@ -24,13 +24,12 @@ export default function Page() {
const now = useRef(new Date()); const now = useRef(new Date());
const timer = useRef(null); const timer = useRef(null);
const unsubscribe = useRef(null);
useEffect(() => { useEffect(() => {
countTotalNotes().then((count) => { countTotalNotes().then((count) => {
if (count.total === 0) { if (count.total === 0) {
getAllFollowsByID(activeAccount.id).then((follows) => { getAllFollowsByID(activeAccount.id).then((follows) => {
unsubscribe.current = pool.subscribe( pool.subscribe(
[ [
{ {
kinds: [1], kinds: [1],
@ -47,6 +46,9 @@ export default function Page() {
undefined, undefined,
() => { () => {
timer.current = setTimeout(() => router.push('/newsfeed/following'), 3000); timer.current = setTimeout(() => router.push('/newsfeed/following'), 3000);
},
{
unsubscribeOnEose: true,
} }
); );
}); });
@ -55,7 +57,7 @@ export default function Page() {
const parseDate = new Date(time); const parseDate = new Date(time);
getAllFollowsByID(activeAccount.id).then((follows) => { getAllFollowsByID(activeAccount.id).then((follows) => {
unsubscribe.current = pool.subscribe( pool.subscribe(
[ [
{ {
kinds: [1], kinds: [1],
@ -72,6 +74,9 @@ export default function Page() {
undefined, undefined,
() => { () => {
timer.current = setTimeout(() => router.push('/newsfeed/following'), 3000); timer.current = setTimeout(() => router.push('/newsfeed/following'), 3000);
},
{
unsubscribeOnEose: true,
} }
); );
}); });
@ -80,7 +85,6 @@ export default function Page() {
}); });
return () => { return () => {
unsubscribe.current();
clearTimeout(timer.current); clearTimeout(timer.current);
}; };
}, [activeAccount.id, pool, relays, router]); }, [activeAccount.id, pool, relays, router]);

17
src/pages/onboarding/create/index.tsx
View File

@ -39,8 +39,7 @@ export default function Page() {
display_name: name, display_name: name,
name: name, name: name,
username: name.toLowerCase(), username: name.toLowerCase(),
picture: 'https://bafybeidfsbrzqbvontmucteomoz2rkrxugu462l5hyhh6uioslkfzzs4oq.ipfs.w3s.link/avatar-11.png', picture: 'https://void.cat/d/KmypFh2fBdYCEvyJrPiN89',
banner: 'https://bafybeiacwit7hjmdefqggxqtgh6ht5dhth7ndptwn2msl5kpkodudsr7py.ipfs.w3s.link/banner-1.jpg',
}), }),
[name] [name]
); );
@ -122,7 +121,7 @@ export default function Page() {
readOnly readOnly
type={type} type={type}
value={nsec} value={nsec}
className="relative w-full rounded-lg border border-black/5 px-3.5 py-2.5 shadow-input shadow-black/5 !outline-none placeholder:text-zinc-400 dark:bg-zinc-800 dark:text-zinc-200 dark:shadow-black/10 dark:placeholder:text-zinc-600" className="relative w-full rounded-lg border border-black/5 py-2.5 pl-3.5 pr-11 shadow-input shadow-black/5 !outline-none placeholder:text-zinc-400 dark:bg-zinc-800 dark:text-zinc-200 dark:shadow-black/10 dark:placeholder:text-zinc-600"
/> />
<button <button
onClick={() => showPrivateKey()} onClick={() => showPrivateKey()}
@ -140,16 +139,16 @@ export default function Page() {
<label className="text-sm font-semibold text-zinc-400">Default Profile (you can change it later)</label> <label className="text-sm font-semibold text-zinc-400">Default Profile (you can change it later)</label>
<div className="relative w-full shrink-0 before:pointer-events-none before:absolute before:-inset-1 before:rounded-[11px] before:border before:border-blue-500 before:opacity-0 before:ring-2 before:ring-blue-500/20 before:transition after:pointer-events-none after:absolute after:inset-px after:rounded-[7px] after:shadow-highlight after:shadow-white/5 after:transition focus-within:before:opacity-100 focus-within:after:shadow-blue-500/100 dark:focus-within:after:shadow-blue-500/20"> <div className="relative w-full shrink-0 before:pointer-events-none before:absolute before:-inset-1 before:rounded-[11px] before:border before:border-blue-500 before:opacity-0 before:ring-2 before:ring-blue-500/20 before:transition after:pointer-events-none after:absolute after:inset-px after:rounded-[7px] after:shadow-highlight after:shadow-white/5 after:transition focus-within:before:opacity-100 focus-within:after:shadow-blue-500/100 dark:focus-within:after:shadow-blue-500/20">
<div className="relative w-full rounded-lg border border-black/5 px-3.5 py-4 shadow-input shadow-black/5 !outline-none placeholder:text-zinc-400 dark:bg-zinc-800 dark:text-zinc-200 dark:shadow-black/10 dark:placeholder:text-zinc-600"> <div className="relative w-full rounded-lg border border-black/5 px-3.5 py-4 shadow-input shadow-black/5 !outline-none placeholder:text-zinc-400 dark:bg-zinc-800 dark:text-zinc-200 dark:shadow-black/10 dark:placeholder:text-zinc-600">
<div className="flex space-x-4"> <div className="flex space-x-2">
<div className="relative h-10 w-10 rounded-full"> <div className="relative h-11 w-11 rounded-md">
<Image className="inline-block rounded-full" src={metadata.picture} alt="" fill={true} /> <Image className="inline-block rounded-md" src={metadata.picture} alt="" fill={true} />
</div> </div>
<div className="flex-1 space-y-4 py-1"> <div className="flex-1 space-y-2 py-1">
<div className="flex items-center gap-2"> <div className="flex items-center gap-1">
<p className="font-semibold">{metadata.display_name}</p> <p className="font-semibold">{metadata.display_name}</p>
<p className="text-zinc-400">@{metadata.username}</p> <p className="text-zinc-400">@{metadata.username}</p>
</div> </div>
<div className="space-y-3"> <div className="space-y-1">
<div className="grid grid-cols-3 gap-4"> <div className="grid grid-cols-3 gap-4">
<div className="col-span-2 h-2 rounded bg-zinc-700"></div> <div className="col-span-2 h-2 rounded bg-zinc-700"></div>
<div className="col-span-1 h-2 rounded bg-zinc-700"></div> <div className="col-span-1 h-2 rounded bg-zinc-700"></div>

2
src/pages/onboarding/create/step-2.tsx
View File

@ -110,7 +110,7 @@ export default function Page() {
if (res === 'ok') { if (res === 'ok') {
// publish to relays // publish to relays
pool.publish(event, relays); pool.publish(event, relays);
router.push('/'); router.push('/init');
} }
}) })
.catch(console.error); .catch(console.error);

2
src/pages/onboarding/index.tsx
View File

@ -93,7 +93,7 @@ export default function Page() {
src={tag} src={tag}
alt={tag} alt={tag}
fill={true} fill={true}
className="rounded-md" className="rounded-md border border-zinc-900"
placeholder="blur" placeholder="blur"
blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=" blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII="
priority priority

46
src/pages/onboarding/login/step-2.tsx
View File

@ -20,6 +20,7 @@ import {
ReactPortal, ReactPortal,
useContext, useContext,
useEffect, useEffect,
useRef,
useState, useState,
} from 'react'; } from 'react';
@ -32,9 +33,11 @@ export default function Page() {
const relays = useAtomValue(relaysAtom); const relays = useAtomValue(relaysAtom);
const [profile, setProfile] = useState(null); const [profile, setProfile] = useState(null);
const [done, setDone] = useState(false);
const timer = useRef(null);
useEffect(() => { useEffect(() => {
pool.subscribe( const unsubscribe = pool.subscribe(
[ [
{ {
authors: [pubkey], authors: [pubkey],
@ -61,16 +64,23 @@ export default function Page() {
} }
}, },
undefined, undefined,
undefined, () => {
timer.current = setTimeout(() => setDone(true), 3000);
},
{ {
unsubscribeOnEose: true, unsubscribeOnEose: true,
} }
); );
return () => {
unsubscribe();
clearTimeout(timer.current);
};
}, [pool, privkey, pubkey, relays]); }, [pool, privkey, pubkey, relays]);
// submit then redirect to home // submit then redirect to home
const submit = () => { const submit = () => {
router.push('/'); router.push('/init');
}; };
return ( return (
@ -107,12 +117,30 @@ export default function Page() {
</div> </div>
</div> </div>
</div> </div>
<button <div className="flex items-center justify-center">
onClick={() => submit()} {done === false ? (
className="inline-flex w-full transform items-center justify-center rounded-lg bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 px-3.5 py-2.5 font-medium text-zinc-800 active:translate-y-1 disabled:cursor-not-allowed disabled:opacity-30" <svg
> className="h-5 w-5 animate-spin text-white"
<span className="drop-shadow-lg">Done →</span> xmlns="http://www.w3.org/2000/svg"
</button> fill="none"
viewBox="0 0 24 24"
>
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
<path
className="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
></path>
</svg>
) : (
<button
onClick={() => submit()}
className="inline-flex w-full transform items-center justify-center rounded-lg bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 px-3.5 py-2.5 font-medium text-zinc-800 active:translate-y-1 disabled:cursor-not-allowed disabled:opacity-30"
>
<span className="drop-shadow-lg">Done →</span>
</button>
)}
</div>
</div> </div>
</div> </div>
</div> </div>