LukeParke/dokploy
1
0
Fork 0
mirror of https://github.com/LukeHagar/dokploy.git synced 2025-12-06 12:27:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

[autofix.ci] apply automated fixes

Browse Source
This commit is contained in:
autofix-ci[bot]
2025-10-05 06:30:46 +00:00
committed by GitHub
parent df0fb340ad
commit 32454bab61
1 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
apps/dokploy/components/dashboard/settings/profile/profile-form.tsx
View File

@@ -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"
>
<FormItem key="no-avatar">
@@ -289,17 +297,31 @@ export const ProfileForm = () => {
</FormControl>
<div
className="upload-avatar h-12 w-12 rounded-full border border-dashed border-muted-foreground hover:border-primary transition-colors flex items-center justify-center bg-muted/50 hover:bg-muted overflow-hidden"
onClick={() => document.getElementById('avatar-upload')?.click()}
onClick={() =>
document
.getElementById("avatar-upload")
?.click()
}
>
{field.value?.startsWith('data:') ? (
{field.value?.startsWith("data:") ? (
<img
src={field.value}
alt="Custom avatar"
className="h-full w-full object-cover rounded-full"
/>
) : (
<svg className="h-5 w-5 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
<svg
className="h-5 w-5 text-muted-foreground"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M12 4v16m8-8H4"
/>
</svg>
)}
</div>
@@ -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);