aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-18 14:34:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: enable to edit nip05

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-05-01 22:33:14 +09:00
parent 720b178f94
commit 4925f64be7
1 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/ProfileEdit.tsx
View File

@@ -18,14 +18,14 @@ export type ProfileEditProps = {
};
const LNURLRegexString = 'LNURL1[AC-HJ-NP-Zac-hj-np-z02-9]+';
const LightningAddressRegexString = '[-a-zA-Z0-9.]+@[-a-zA-Z0-9.]+';
const LUDAddressRegexString = `^(${LNURLRegexString}|${LightningAddressRegexString})$`;
const InternetIdentiferRegexString = '[-_a-zA-Z0-9.]+@[-a-zA-Z0-9.]+';
const LUDAddressRegexString = `^(${LNURLRegexString}|${InternetIdentiferRegexString})$`;
const LNURLRegex = new RegExp(`^${LNURLRegexString}$`);
const LightningAddressRegex = new RegExp(`${LightningAddressRegexString}`);
const InternetIdentiferRegex = new RegExp(`^${InternetIdentiferRegexString}$`);
const isLNURL = (s: string) => LNURLRegex.test(s);
const isLightningAddress = (s: string) => LightningAddressRegex.test(s);
const isInternetIdentifier = (s: string) => InternetIdentiferRegex.test(s);
const ProfileEdit: Component<ProfileEditProps> = (props) => {
const pubkey = usePubkey();
@@ -101,7 +101,7 @@ const ProfileEdit: Component<ProfileEditProps> = (props) => {
website: website(),
nip05: nip05(),
lud06: isLNURL(lightningAddress()) ? lightningAddress() : null,
lud16: isLightningAddress(lightningAddress()) ? lightningAddress() : null,
lud16: isInternetIdentifier(lightningAddress()) ? lightningAddress() : null,
},
(v) => v == null || v.length === 0,
);
@@ -157,7 +157,7 @@ const ProfileEdit: Component<ProfileEditProps> = (props) => {
<img src={banner()} alt="header" class="h-full w-full object-cover" />
</div>
</Show>
<div class="mt-[-64px] ml-4 h-28 w-28 rounded-lg shadow-md">
<div class="ml-4 mt-[-64px] h-28 w-28 rounded-lg shadow-md">
<Show when={picture().length > 0}>
<img
src={picture()}
@@ -265,6 +265,22 @@ const ProfileEdit: Component<ProfileEditProps> = (props) => {
onKeyDown={ignoreEnter}
/>
</div>
<div class="flex flex-col items-start gap-1">
<label class="font-bold" for="name">
ドメイン認証（NIP-05）
</label>
<input
class="w-full rounded-md focus:border-rose-100 focus:ring-rose-300"
type="text"
name="nip05"
value={nip05()}
placeholder="yourname@domain.example.com"
pattern={InternetIdentiferRegex.source}
disabled={disabled()}
onChange={(ev) => setNIP05(ev.currentTarget.value)}
onKeyDown={ignoreEnter}
/>
</div>
<div class="flex flex-col items-start gap-1">
<label class="font-bold" for="name">
LNURLアドレス / ライトニングアドレス
@@ -301,6 +317,7 @@ const ProfileEdit: Component<ProfileEditProps> = (props) => {
<button
type="submit"
class="rounded bg-rose-300 p-2 font-bold text-white hover:bg-rose-400"
disabled={mutation.isLoading}
>
保存
</button>
@@ -312,6 +329,7 @@ const ProfileEdit: Component<ProfileEditProps> = (props) => {
キャンセル
</button>
</div>
<Show when={mutation.isLoading}>保存中...</Show>
</form>
</div>
</div>