AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add base64 fallback for avatar and banner uploads

Browse source 
cgen-aa179ff31d8048ffb15250c7896cbfd9
This commit is contained in:
Builder.io 2025-09-27 22:53:54 +00:00
parent a50af29ccb
commit ae2c84a91a
1 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
client/pages/Dashboard.tsx
View file

@ -563,6 +563,12 @@ export default function Dashboard() {
<Input id="avatar" type="file" accept="image/*" onChange={async (e) => { <Input id="avatar" type="file" accept="image/*" onChange={async (e) => {
const file = e.target.files?.[0]; const file = e.target.files?.[0];
if (!file || !user) return; if (!file || !user) return;
const storeDataUrl = () => new Promise<string>((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result as string);
reader.onerror = () => reject(new Error("Failed to read file"));
reader.readAsDataURL(file);
});
try { try {
const path = `${user.id}/avatar-${Date.now()}-${file.name}`; const path = `${user.id}/avatar-${Date.now()}-${file.name}`;
const { error } = await supabase.storage.from("avatars").upload(path, file, { upsert: true }); const { error } = await supabase.storage.from("avatars").upload(path, file, { upsert: true });
@ -572,7 +578,14 @@ export default function Dashboard() {
computeProfileCompletion({ ...(profile as any), avatar_url: data.publicUrl }); computeProfileCompletion({ ...(profile as any), avatar_url: data.publicUrl });
aethexToast.success({ title: "Avatar updated" }); aethexToast.success({ title: "Avatar updated" });
} catch (err: any) { } catch (err: any) {
aethexToast.error({ title: "Upload failed", description: err?.message || "Unable to upload image" }); try {
const dataUrl = await storeDataUrl();
await updateProfile({ avatar_url: dataUrl } as any);
computeProfileCompletion({ ...(profile as any), avatar_url: dataUrl });
aethexToast.success({ title: "Avatar saved (local)" });
} catch (e:any) {
aethexToast.error({ title: "Upload failed", description: err?.message || "Unable to upload image" });
}
} }
}} /> }} />
</div> </div>
@ -581,6 +594,12 @@ export default function Dashboard() {
<Input id="banner" type="file" accept="image/*" onChange={async (e) => { <Input id="banner" type="file" accept="image/*" onChange={async (e) => {
const file = e.target.files?.[0]; const file = e.target.files?.[0];
if (!file || !user) return; if (!file || !user) return;
const storeDataUrl = () => new Promise<string>((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result as string);
reader.onerror = () => reject(new Error("Failed to read file"));
reader.readAsDataURL(file);
});
try { try {
const path = `${user.id}/banner-${Date.now()}-${file.name}`; const path = `${user.id}/banner-${Date.now()}-${file.name}`;
const { error } = await supabase.storage.from("banners").upload(path, file, { upsert: true }); const { error } = await supabase.storage.from("banners").upload(path, file, { upsert: true });
@ -590,7 +609,14 @@ export default function Dashboard() {
computeProfileCompletion({ ...(profile as any), banner_url: data.publicUrl }); computeProfileCompletion({ ...(profile as any), banner_url: data.publicUrl });
aethexToast.success({ title: "Banner updated" }); aethexToast.success({ title: "Banner updated" });
} catch (err: any) { } catch (err: any) {
aethexToast.error({ title: "Upload failed", description: err?.message || "Unable to upload image" }); try {
const dataUrl = await storeDataUrl();
await updateProfile({ banner_url: dataUrl } as any);
computeProfileCompletion({ ...(profile as any), banner_url: dataUrl });
aethexToast.success({ title: "Banner saved (local)" });
} catch (e:any) {
aethexToast.error({ title: "Upload failed", description: err?.message || "Unable to upload image" });
}
} }
}} /> }} />
</div> </div>