cardosofelipe/eventspace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor asset image handling in event theme form.
Some checks failed
Build and Push Docker Images / changes (push) Successful in 4s
Details
Build and Push Docker Images / build-backend (push) Has been skipped
Details
Build and Push Docker Images / build-frontend (push) Failing after 49s
Details

Browse Source 
Ensure asset_image_urls are merged instead of replaced during updates. Add a useEffect hook to log theme assets when editing an existing theme. These changes improve data handling consistency and debugging clarity.
This commit is contained in:
Felipe Cardoso
2025-03-14 05:10:02 +01:00
parent 9bf8025389
commit c82d80bc4c
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/event-themes/event-theme-form.tsx
View File

@@ -57,7 +57,9 @@ export function EventThemeForm({ theme, mode }: ThemeFormProps) {
background: "#FFFFFF", background: "#FFFFFF",
text: "#1F2937", text: "#1F2937",
}, },
asset_image_urls: theme?.asset_image_urls || {}, asset_image_urls: theme?.asset_image_urls
? { ...theme.asset_image_urls }
: {},
fonts: theme?.fonts || { heading: "Inter", body: "Inter" }, fonts: theme?.fonts || { heading: "Inter", body: "Inter" },
is_active: theme?.is_active !== undefined ? theme.is_active : true, is_active: theme?.is_active !== undefined ? theme.is_active : true,
}); });
@@ -77,6 +79,11 @@ export function EventThemeForm({ theme, mode }: ThemeFormProps) {
value, value,
})), })),
); );
useEffect(() => {
if (mode === "edit" && theme?.asset_image_urls) {
console.log("Theme assets loaded:", theme.asset_image_urls);
}
}, [theme, mode]);
// Submission state // Submission state
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
@@ -124,7 +131,11 @@ export function EventThemeForm({ theme, mode }: ThemeFormProps) {
// Handle asset images change // Handle asset images change
const handleAssetImagesChange = (assets: Record<string, string>) => { const handleAssetImagesChange = (assets: Record<string, string>) => {
setFormState((prev) => ({ ...prev, asset_image_urls: assets })); setFormState((prev) => ({
...prev,
// Merge with existing assets rather than replacing
asset_image_urls: { ...prev.asset_image_urls, ...assets },
}));
}; };
// Add a new color input // Add a new color input