Fix profile form removing unknown metadata fields

.changeset/soft-trees-check.md

@@ -0,0 +1,5 @@
+---
+"nostrudel": patch
+---
+
+Fix profile form removing unknown metadata fields

src/views/profile/edit.tsx

@@ -205,27 +205,27 @@ export const ProfileEditView = () => {
   );
 
   const handleSubmit = async (data: FormData) => {
-    const metadata: Kind0ParsedContent = {
+    const newMetadata: Kind0ParsedContent = {
       name: data.username,
       picture: data.picture,
     };
-    if (data.displayName) metadata.displayName = metadata.display_name = data.displayName;
-    if (data.about) metadata.about = data.about;
-    if (data.website) metadata.website = data.website;
-    if (data.nip05) metadata.nip05 = data.nip05;
+    if (data.displayName) newMetadata.displayName = newMetadata.display_name = data.displayName;
+    if (data.about) newMetadata.about = data.about;
+    if (data.website) newMetadata.website = data.website;
+    if (data.nip05) newMetadata.nip05 = data.nip05;
 
     if (data.lightningAddress) {
       if (isLNURL(data.lightningAddress)) {
-        metadata.lud06 = data.lightningAddress;
+        newMetadata.lud06 = data.lightningAddress;
       } else if (isLightningAddress(data.lightningAddress)) {
-        metadata.lud16 = data.lightningAddress;
+        newMetadata.lud16 = data.lightningAddress;
       }
     }
 
     const draft: DraftNostrEvent = {
       created_at: dayjs().unix(),
       kind: 0,
-      content: JSON.stringify(metadata),
+      content: JSON.stringify({ ...metadata, ...newMetadata }),
       tags: [],
     };
 

src/views/settings/database-settings.tsx

@@ -10,6 +10,7 @@ import {
   ButtonGroup,
   Text,
   Input,
+  Flex,
 } from "@chakra-ui/react";
 import { addEvents, countEvents, countEventsByKind, getEventUID, updateUsed } from "nostr-idb";
 import stringify from "json-stringify-deterministic";
@@ -119,7 +120,7 @@ export default function DatabaseSettings() {
       </h2>
       <AccordionPanel>
         <DatabaseStats />
-        <ButtonGroup mt="2">
+        <Flex mt="2" gap="2" wrap="wrap">
           <Button onClick={handleClearData} isLoading={clearing}>
             Clear cache
           </Button>
@@ -130,7 +131,7 @@ export default function DatabaseSettings() {
           <Button colorScheme="red" onClick={handleDeleteDatabase} isLoading={deleting}>
             Delete database
           </Button>
-        </ButtonGroup>
+        </Flex>
       </AccordionPanel>
     </AccordionItem>
   );