profile edit

src_generic/components/ProfileView.tsx

@@ -10,18 +10,43 @@ export default function ProfileView() {
   const resourceConfig = appConfig?.resources.find(r => r.name === profileConfig?.resource);
 
   if (!profileConfig || !resourceConfig) {
-    debugger;
     return <Alert severity="error">Profile configuration not found.</Alert>;
   }
 
-  const { useMe, useUpdate } = useResource(resourceConfig);
+  // Create a modified config where only extraFields are editable
+  const editableConfig = React.useMemo(() => {
+    const newFields = { ...resourceConfig.fields };
+    const extraFields = profileConfig.extraFields || [];
+    
+    Object.keys(newFields).forEach(key => {
+      newFields[key] = {
+        ...newFields[key],
+        readOnly: !extraFields.includes(key),
+      };
+    });
+
+    return {
+      ...resourceConfig,
+      fields: newFields,
+    };
+  }, [resourceConfig, profileConfig.extraFields]);
+
+  const { useMe, useUpdateMe } = useResource(resourceConfig);
   const { data: profile, isLoading, error } = useMe();
-  const updateMutation = useUpdate();
+  const updateMutation = useUpdateMe();
 
   const handleSave = async (formData: any) => {
     try {
-      const id = profile[resourceConfig.primaryKey];
-      await updateMutation.mutateAsync({ id, data: formData });
+      // Only send editable fields to prevent accidental overwrites of read-only data
+      const extraFields = profileConfig.extraFields || [];
+      const dataToSave = Object.keys(formData)
+        .filter(key => extraFields.includes(key))
+        .reduce((obj: any, key) => {
+          obj[key] = formData[key];
+          return obj;
+        }, {});
+
+      await updateMutation.mutateAsync(dataToSave);
     } catch (err) {
       console.error('Profile update failed:', err);
     }
@@ -46,7 +71,7 @@ export default function ProfileView() {
       </Typography>
       <Paper sx={{ p: 4, mt: 2 }}>
         <GenericForm
-          config={resourceConfig}
+          config={editableConfig}
           initialData={profile}
           onSave={handleSave}
           onCancel={() => window.history.back()}