highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-13 22:29:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add "banner" field to profile form

Browse Source 
Make it possible to edit NIP24 "banner" in the user profile in an entirely
analogous way to "picture".
This commit is contained in:
laanwj 2024-09-06 17:44:10 +02:00
parent 6ff03b512c
commit b67fd0f32b
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/profile/edit.tsx
View File

@ -37,6 +37,7 @@ type FormData = {
displayName?: string;
username?: string;
picture?: string;
banner?: string;
about?: string;
website?: string;
nip05?: string;
@ -107,6 +108,18 @@ const MetadataForm = ({ defaultValues, onSubmit }: MetadataFormProps) => {
</FormControl>
<Avatar src={watch("picture")} size="lg" ignoreFallback />
</Flex>
<Flex gap="2" alignItems="center">
<FormControl isInvalid={!!errors.banner}>
<FormLabel>Banner</FormLabel>
<Input
autoComplete="off"
isDisabled={isSubmitting}
placeholder="https://domain.com/path/banner.png"
{...register("banner", { maxLength: 150 })}
/>
</FormControl>
<Avatar src={watch("banner")} size="lg" ignoreFallback />
</Flex>
<FormControl isInvalid={!!errors.nip05}>
<FormLabel>NIP-05 ID</FormLabel>
<Input
@ -196,6 +209,7 @@ export const ProfileEditView = () => {
displayName: metadata?.displayName || metadata?.display_name,
username: metadata?.name,
picture: metadata?.picture,
banner: metadata?.banner,
about: metadata?.about,
website: metadata?.website,
nip05: metadata?.nip05,
@ -208,6 +222,7 @@ export const ProfileEditView = () => {
const newMetadata: Kind0ParsedContent = {
name: data.username,
picture: data.picture,
banner: data.banner,
};
if (data.displayName) newMetadata.displayName = newMetadata.display_name = data.displayName;
if (data.about) newMetadata.about = data.about;