feat: upload profile picture in upload cropper

incubrain · Oct 8, 2024 · 11ebd74 · 11ebd74
1 parent 1a71b8e
commit 11ebd74
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/apps/main-app/components/UploadCropper.vue b/apps/main-app/components/UploadCropper.vue
@@ -130,6 +130,8 @@ onMounted(async () => {
 
 async function uploadImage(blob: Blob) {
   try {
+    const supabase = useSupabaseClient()
+
     const result = await uploadFile(new File([blob], 'image.webp', { type: 'image/webp' }), {
       bucket: props.bucket,
       fileType: 'image',
@@ -145,6 +147,12 @@ async function uploadImage(blob: Blob) {
         console.log(`Upload progress: ${progress}%`)
       },
     })
+
+    await supabase
+      .from('user_profiles')
+      .update({ avatar: result.publicUrl })
+      .eq('id', profile.value.id)
+
     toast.success({
       summary: 'Image uploaded',
       message: 'Your image has been successfully uploaded and processed.',