From df0fb340ad1c166530a3ad220abc0919905d75dd Mon Sep 17 00:00:00 2001 From: randomperson12344 <4dennisk@gmail.com> Date: Tue, 23 Sep 2025 22:32:32 -0700 Subject: [PATCH 1/3] feat: add file upload support for custom profile pictures --- .../settings/profile/profile-form.tsx | 52 ++++++++++++++++++- 1 file changed, 50 insertions(+), 2 deletions(-) diff --git a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx index d040472d6..2b3986c34 100644 --- a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx +++ b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx @@ -257,8 +257,8 @@ export const ProfileForm = () => { onValueChange={(e) => { field.onChange(e); }} - defaultValue={field.value} - value={field.value} + defaultValue={field.value?.startsWith('data:') ? 'upload' : field.value} + value={field.value?.startsWith('data:') ? 'upload' : field.value} className="flex flex-row flex-wrap gap-2 max-xl:justify-center" > @@ -279,6 +279,54 @@ export const ProfileForm = () => { + + + + + +
document.getElementById('avatar-upload')?.click()} + > + {field.value?.startsWith('data:') ? ( + Custom avatar + ) : ( + + + + )} +
+ { + const file = e.target.files?.[0]; + if (file) { + // max file size 5mb + if (file.size > 5 * 1024 * 1024) { + toast.error('Image size must be less than 5MB'); + return; + } + const reader = new FileReader(); + reader.onload = (event) => { + const result = event.target?.result as string; + field.onChange(result); + }; + reader.readAsDataURL(file); + } + }} + /> + + {availableAvatars.map((image) => ( From 32454bab61edc8c696a521eba6bfb093b9e2500a Mon Sep 17 00:00:00 2001 From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com> Date: Sun, 5 Oct 2025 06:30:46 +0000 Subject: [PATCH 2/3] [autofix.ci] apply automated fixes --- .../settings/profile/profile-form.tsx | 41 +++++++++++++++---- 1 file changed, 33 insertions(+), 8 deletions(-) diff --git a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx index 2b3986c34..e922d8256 100644 --- a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx +++ b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx @@ -257,8 +257,16 @@ export const ProfileForm = () => { onValueChange={(e) => { field.onChange(e); }} - defaultValue={field.value?.startsWith('data:') ? 'upload' : field.value} - value={field.value?.startsWith('data:') ? 'upload' : field.value} + defaultValue={ + field.value?.startsWith("data:") + ? "upload" + : field.value + } + value={ + field.value?.startsWith("data:") + ? "upload" + : field.value + } className="flex flex-row flex-wrap gap-2 max-xl:justify-center" > @@ -289,17 +297,31 @@ export const ProfileForm = () => {
document.getElementById('avatar-upload')?.click()} + onClick={() => + document + .getElementById("avatar-upload") + ?.click() + } > - {field.value?.startsWith('data:') ? ( + {field.value?.startsWith("data:") ? ( Custom avatar ) : ( - - + + )}
@@ -313,12 +335,15 @@ export const ProfileForm = () => { if (file) { // max file size 5mb if (file.size > 5 * 1024 * 1024) { - toast.error('Image size must be less than 5MB'); + toast.error( + "Image size must be less than 5MB", + ); return; } const reader = new FileReader(); reader.onload = (event) => { - const result = event.target?.result as string; + const result = event.target + ?.result as string; field.onChange(result); }; reader.readAsDataURL(file); From fa4724d94e07e3ba65580fdd17e529095f4a47d4 Mon Sep 17 00:00:00 2001 From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com> Date: Sun, 5 Oct 2025 00:35:10 -0600 Subject: [PATCH 3/3] Update profile-form.tsx --- .../components/dashboard/settings/profile/profile-form.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx index e922d8256..c481d5b8b 100644 --- a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx +++ b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx @@ -333,10 +333,10 @@ export const ProfileForm = () => { onChange={async (e) => { const file = e.target.files?.[0]; if (file) { - // max file size 5mb - if (file.size > 5 * 1024 * 1024) { + // max file size 2mb + if (file.size > 2 * 1024 * 1024) { toast.error( - "Image size must be less than 5MB", + "Image size must be less than 2MB", ); return; }