mirror of
https://github.com/luminous-devs/lume.git
synced 2024-09-19 11:43:30 +00:00
commit
b9bd420ff9
@ -80,6 +80,7 @@
|
|||||||
},
|
},
|
||||||
"windows": [
|
"windows": [
|
||||||
{
|
{
|
||||||
|
"title": "Lume",
|
||||||
"theme": "Dark",
|
"theme": "Dark",
|
||||||
"titleBarStyle": "Overlay",
|
"titleBarStyle": "Overlay",
|
||||||
"hiddenTitle": true,
|
"hiddenTitle": true,
|
||||||
@ -88,8 +89,8 @@
|
|||||||
"resizable": true,
|
"resizable": true,
|
||||||
"width": 1100,
|
"width": 1100,
|
||||||
"height": 800,
|
"height": 800,
|
||||||
"minWidth": 1100,
|
"minWidth": 1000,
|
||||||
"minHeight": 800
|
"minHeight": 700
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,7 @@ import { relaysAtom } from '@stores/relays';
|
|||||||
|
|
||||||
import { createAccount } from '@utils/storage';
|
import { createAccount } from '@utils/storage';
|
||||||
|
|
||||||
import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
|
import { ArrowLeftIcon, EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
|
||||||
import { useAtomValue } from 'jotai';
|
import { useAtomValue } from 'jotai';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import { useRouter } from 'next/router';
|
import { useRouter } from 'next/router';
|
||||||
@ -33,6 +33,10 @@ export default function Page() {
|
|||||||
const npub = nip19.npubEncode(pubKey);
|
const npub = nip19.npubEncode(pubKey);
|
||||||
const nsec = nip19.nsecEncode(privKey);
|
const nsec = nip19.nsecEncode(privKey);
|
||||||
|
|
||||||
|
const goBack = () => {
|
||||||
|
router.back();
|
||||||
|
};
|
||||||
|
|
||||||
// auto-generated profile metadata
|
// auto-generated profile metadata
|
||||||
const metadata = useMemo(
|
const metadata = useMemo(
|
||||||
() => ({
|
() => ({
|
||||||
@ -94,12 +98,19 @@ export default function Page() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grid h-full w-full grid-rows-5">
|
<div className="grid h-full w-full grid-rows-5">
|
||||||
<div className="row-span-1 flex items-center justify-center">
|
<div className="row-span-1 mx-auto flex w-full max-w-md items-center justify-between">
|
||||||
|
<button
|
||||||
|
onClick={() => goBack()}
|
||||||
|
className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
|
||||||
|
>
|
||||||
|
<ArrowLeftIcon className="h-4 w-4 text-zinc-500 group-hover:text-zinc-300" />
|
||||||
|
</button>
|
||||||
<div>
|
<div>
|
||||||
<h1 className="bg-gradient-to-br from-zinc-200 to-zinc-400 bg-clip-text text-3xl font-medium text-transparent">
|
<h1 className="bg-gradient-to-br from-zinc-200 to-zinc-400 bg-clip-text text-3xl font-medium text-transparent">
|
||||||
Create new account
|
Create new account
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div className="row-span-4">
|
<div className="row-span-4">
|
||||||
<div className="mx-auto w-full max-w-md">
|
<div className="mx-auto w-full max-w-md">
|
||||||
|
@ -142,7 +142,7 @@ export default function Page() {
|
|||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="scrollbar-hide row-span-4 h-full w-full overflow-y-auto">
|
<div className="row-span-4 h-full w-full overflow-y-auto">
|
||||||
<div className="grid grid-cols-4 gap-4 px-8 py-4">
|
<div className="grid grid-cols-4 gap-4 px-8 py-4">
|
||||||
{list.map((item: { pubkey: string }, index: Key) => (
|
{list.map((item: { pubkey: string }, index: Key) => (
|
||||||
<button
|
<button
|
||||||
|
@ -105,7 +105,7 @@ export default function Page() {
|
|||||||
<div className="pointer-events-none absolute inset-0 bg-fade" />
|
<div className="pointer-events-none absolute inset-0 bg-fade" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="row-span-2 flex w-full flex-col items-center gap-8 overflow-hidden pt-10">
|
<div className="row-span-2 flex w-full flex-col items-center gap-4 overflow-hidden pt-6 min-[1050px]:gap-8 min-[1050px]:pt-10">
|
||||||
<h1 className="animate-moveBg bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 bg-clip-text text-5xl font-bold leading-none text-transparent">
|
<h1 className="animate-moveBg bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 bg-clip-text text-5xl font-bold leading-none text-transparent">
|
||||||
Let's start!
|
Let's start!
|
||||||
</h1>
|
</h1>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import BaseLayout from '@layouts/base';
|
import BaseLayout from '@layouts/base';
|
||||||
|
|
||||||
import { LightningBoltIcon } from '@radix-ui/react-icons';
|
import { ArrowLeftIcon, LightningBoltIcon } from '@radix-ui/react-icons';
|
||||||
import { useRouter } from 'next/router';
|
import { useRouter } from 'next/router';
|
||||||
import { nip19 } from 'nostr-tools';
|
import { nip19 } from 'nostr-tools';
|
||||||
import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal } from 'react';
|
import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal } from 'react';
|
||||||
@ -33,6 +33,10 @@ export default function Page() {
|
|||||||
formState: { errors, isDirty, isValid, isSubmitting },
|
formState: { errors, isDirty, isValid, isSubmitting },
|
||||||
} = useForm<FormValues>({ resolver });
|
} = useForm<FormValues>({ resolver });
|
||||||
|
|
||||||
|
const goBack = () => {
|
||||||
|
router.back();
|
||||||
|
};
|
||||||
|
|
||||||
const onSubmit = async (data: any) => {
|
const onSubmit = async (data: any) => {
|
||||||
let privkey = data['key'];
|
let privkey = data['key'];
|
||||||
|
|
||||||
@ -54,15 +58,22 @@ export default function Page() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<form onSubmit={handleSubmit(onSubmit)} className="grid h-full w-full grid-rows-5">
|
<div className="grid h-full w-full grid-rows-5">
|
||||||
<div className="row-span-1 flex items-center justify-center">
|
<div className="row-span-1 mx-auto flex w-full max-w-md items-center justify-between">
|
||||||
|
<button
|
||||||
|
onClick={() => goBack()}
|
||||||
|
className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
|
||||||
|
>
|
||||||
|
<ArrowLeftIcon className="h-4 w-4 text-zinc-500 group-hover:text-zinc-300" />
|
||||||
|
</button>
|
||||||
<div>
|
<div>
|
||||||
<h1 className="bg-gradient-to-br from-zinc-200 via-white to-zinc-300 bg-clip-text text-3xl font-semibold text-transparent">
|
<h1 className="bg-gradient-to-br from-zinc-200 via-white to-zinc-300 bg-clip-text text-3xl font-semibold text-transparent">
|
||||||
Login with Private Key
|
Login with Private Key
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div className="row-span-4">
|
<form onSubmit={handleSubmit(onSubmit)} className="row-span-4">
|
||||||
<div className="mx-auto w-full max-w-md">
|
<div className="mx-auto w-full max-w-md">
|
||||||
<div className="flex flex-col gap-4">
|
<div className="flex flex-col gap-4">
|
||||||
<div>
|
<div>
|
||||||
@ -119,8 +130,8 @@ export default function Page() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</form>
|
||||||
</form>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user