RiseUP/riseup-squad18
2
0
Fork 1
Code Issues Pull Requests Actions 1 Packages Projects 1 Releases Wiki Activity

fix: corrigir URL da API de upload de avatar do Supabase Storage

Browse Source
This commit is contained in:
guisilvagomes 2025-10-28 11:23:24 -03:00
parent 227e67fa04
commit 7c1999733e
1 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
MEDICONNECT 2/src/services/avatars/avatarService.ts
View File

@ -13,7 +13,8 @@ import type {
class AvatarService { class AvatarService {
private readonly SUPABASE_URL = API_CONFIG.SUPABASE_URL; private readonly SUPABASE_URL = API_CONFIG.SUPABASE_URL;
private readonly STORAGE_URL = `${this.SUPABASE_URL}/storage/v1/object/avatars`; private readonly STORAGE_URL = `${this.SUPABASE_URL}/storage/v1/object`;
private readonly BUCKET_NAME = "avatars";
/** /**
* Faz upload de avatar do usuário * Faz upload de avatar do usuário
@ -22,17 +23,29 @@ class AvatarService {
try { try {
const token = localStorage.getItem(API_CONFIG.STORAGE_KEYS.ACCESS_TOKEN); const token = localStorage.getItem(API_CONFIG.STORAGE_KEYS.ACCESS_TOKEN);
if (!token) {
throw new Error("Token de autenticação não encontrado");
}
// Determina a extensão do arquivo // Determina a extensão do arquivo
const ext = data.file.name.split(".").pop()?.toLowerCase() || "jpg"; const ext = data.file.name.split(".").pop()?.toLowerCase() || "jpg";
const path = `${data.userId}/avatar.${ext}`; const filePath = `${data.userId}/avatar.${ext}`;
// Cria FormData para o upload // Cria FormData para o upload
const formData = new FormData(); const formData = new FormData();
formData.append("file", data.file); formData.append("file", data.file);
console.log("[AvatarService] Upload:", {
url: `${this.STORAGE_URL}/${this.BUCKET_NAME}/${filePath}`,
userId: data.userId,
fileName: data.file.name,
fileSize: data.file.size,
fileType: data.file.type,
});
// Upload usando Supabase Storage API // Upload usando Supabase Storage API
await axios.post( const response = await axios.post(
`${this.STORAGE_URL}/${path}`, `${this.STORAGE_URL}/${this.BUCKET_NAME}/${filePath}`,
formData, formData,
{ {
headers: { headers: {
@ -42,6 +55,8 @@ class AvatarService {
} }
); );
console.log("[AvatarService] Upload response:", response.data);
// Retorna a URL pública // Retorna a URL pública
const publicUrl = this.getPublicUrl({ const publicUrl = this.getPublicUrl({
userId: data.userId, userId: data.userId,
@ -53,6 +68,14 @@ class AvatarService {
}; };
} catch (error) { } catch (error) {
console.error("Erro ao fazer upload do avatar:", error); console.error("Erro ao fazer upload do avatar:", error);
if (axios.isAxiosError(error)) {
console.error("Detalhes do erro:", {
status: error.response?.status,
statusText: error.response?.statusText,
data: error.response?.data,
url: error.config?.url,
});
}
throw error; throw error;
} }
} }
@ -76,7 +99,7 @@ class AvatarService {
* Não precisa de autenticação pois é endpoint público * Não precisa de autenticação pois é endpoint público
*/ */
getPublicUrl(data: GetAvatarUrlInput): string { getPublicUrl(data: GetAvatarUrlInput): string {
return `${this.STORAGE_URL}/${data.userId}/avatar.${data.ext}`; return `${this.STORAGE_URL}/${this.BUCKET_NAME}/${data.userId}/avatar.${data.ext}`;
} }
} }