feat: add missing error messages and translations

Author: DecampsRenan

.env.example

@@ -19,7 +19,7 @@ S3_SECRET_ACCESS_KEY="startui-secret-key"
 S3_REGION="default"
 
 # PUBLIC CONFIG
-VITE_S3_BUCKET_PUBLIC_URL="http://127.0.0.1:${DOCKER_MINIO_API_PORT}/${S3_BUCKET_NAME}"
+VITE_S3_BUCKET_PUBLIC_URL="${S3_ENDPOINT}/${S3_BUCKET_NAME}"
 VITE_BASE_URL="http://localhost:${VITE_PORT}"
 # Use the following environment variables to show the environment name.
 VITE_ENV_NAME="LOCAL"

src/features/book/manager/form-book-cover.tsx

@@ -1,13 +1,16 @@
 import { useQuery } from '@tanstack/react-query';
 import { useUploadFile } from 'better-upload/client';
 import { useFormContext, useWatch } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { toast } from 'sonner';
 
 import { orpc } from '@/lib/orpc/client';
 
 import { BookCover } from '@/features/book/book-cover';
 import { FormFieldsBook } from '@/features/book/schema';
 
 export const FormBookCover = () => {
+  const { t } = useTranslation(['book']);
   const form = useFormContext<FormFieldsBook>();
   const genresQuery = useQuery(orpc.genre.getAll.queryOptions());
   const title = useWatch({
@@ -34,10 +37,17 @@ export const FormBookCover = () => {
     onUploadComplete: ({ file }) => {
       form.setValue('coverId', file.objectKey);
     },
+    onError: (error) => {
+      if (error.type === 'rejected') {
+        // In this specific case, error should be a translated message
+        // because rejected are custom errors thrown by the developper
+        toast.error(error.message);
+      } else {
+        toast.error(t(`book:manager.uploadErrors.${error.type}`));
+      }
+    },
   });
 
-  // [TODO] Handle upload errors
-
   return (
     <div className="relative">
       <label htmlFor="coverId">

src/locales/ar/book.json

@@ -58,6 +58,19 @@
         "label": "حفظ"
       },
       "updateError": "فشل في تحديث الكتاب"
+    },
+    "uploadErrors": {
+      "NOT_AUTHENTICATED": "تحتاج إلى تسجيل الدخول لتتمكن من رفع غلاف جديد",
+      "UNAUTHORIZED": "غير مسموح لك بتغيير غلاف الكتاب",
+      "unknown": "حدث خطأ غير معروف أثناء الرفع",
+      "invalid_request": "طلب رفع غير صالح",
+      "no_files": "لم يتم اختيار ملفات للرفع",
+      "s3_upload": "فشل في رفع الملف إلى التخزين",
+      "file_too_large": "الملف كبير جداً. الحد الأقصى للحجم 100 ميجابايت",
+      "invalid_file_type": "نوع الملف غير صالح. مسموح فقط بصور PNG و JPEG و WebP و GIF",
+      "rejected": "تم رفض الرفع",
+      "too_many_files": "تم اختيار عدد كبير من الملفات",
+      "aborted": "تم إلغاء الرفع"
     }
   }
 }

src/locales/en/book.json

@@ -57,11 +57,20 @@
       "updateButton": {
         "label": "Save"
       },
-      "updateError": "Failed to update a book",
-      "uploadErrorCodes": {
-        "NOT_AUTHENTICATED": "You need to be authenticated to be able to upload a new cover",
-        "UNAUTHORIZED": "You are not allowed to change book cover"
-      }
+      "updateError": "Failed to update a book"
+    },
+    "uploadErrors": {
+      "NOT_AUTHENTICATED": "You need to be authenticated to be able to upload a new cover",
+      "UNAUTHORIZED": "You are not allowed to change book cover",
+      "unknown": "An unknown error occurred during upload",
+      "invalid_request": "Invalid upload request",
+      "no_files": "No files selected for upload",
+      "s3_upload": "Failed to upload file to storage",
+      "file_too_large": "File is too large. Maximum size is 100MB",
+      "invalid_file_type": "Invalid file type. Only PNG, JPEG, WebP, and GIF images are allowed",
+      "rejected": "Upload was rejected",
+      "too_many_files": "Too many files selected",
+      "aborted": "Upload was cancelled"
     }
   }
 }

src/locales/fr/book.json

@@ -58,6 +58,19 @@
         "label": "Sauvegarder"
       },
       "updateError": "Échec de la modification du livre"
+    },
+    "uploadErrors": {
+      "NOT_AUTHENTICATED": "Vous devez être authentifié pour pouvoir télécharger une nouvelle couverture",
+      "UNAUTHORIZED": "Vous n'êtes pas autorisé à changer la couverture du livre",
+      "unknown": "Une erreur inconnue s'est produite lors du téléchargement",
+      "invalid_request": "Demande de téléchargement invalide",
+      "no_files": "Aucun fichier sélectionné pour le téléchargement",
+      "s3_upload": "Échec du téléchargement du fichier vers le stockage",
+      "file_too_large": "Le fichier est trop volumineux. Taille maximale : 100 Mo",
+      "invalid_file_type": "Type de fichier invalide. Seules les images PNG, JPEG, WebP et GIF sont autorisées",
+      "rejected": "Le téléchargement a été rejeté",
+      "too_many_files": "Trop de fichiers sélectionnés",
+      "aborted": "Le téléchargement a été annulé"
     }
   }
 }

src/locales/sw/book.json

@@ -58,6 +58,19 @@
         "label": "Hifadhi"
       },
       "updateError": "Imeshindikana kusasisha kitabu"
+    },
+    "uploadErrors": {
+      "NOT_AUTHENTICATED": "Unahitaji kuwa umeingia ili uweze kupakia jalada jipya",
+      "UNAUTHORIZED": "Hauruhusiwi kubadilisha jalada la kitabu",
+      "unknown": "Hitilafu isiyojulikana imetokea wakati wa kupakia",
+      "invalid_request": "Ombi la kupakia si halali",
+      "no_files": "Hakuna faili zilizochaguliwa kwa kupakia",
+      "s3_upload": "Imeshindwa kupakia faili kwenye hifadhi",
+      "file_too_large": "Faili ni kubwa sana. Ukubwa wa juu ni 100MB",
+      "invalid_file_type": "Aina ya faili si halali. Picha za PNG, JPEG, WebP, na GIF tu ndizo zinazoruhusiwa",
+      "rejected": "Kupakia kumekataliwa",
+      "too_many_files": "Faili nyingi sana zimechaguliwa",
+      "aborted": "Kupakia kumeghairiwa"
     }
   }
 }

src/routes/api/upload.ts

@@ -6,6 +6,7 @@ import {
   type Router,
 } from 'better-upload/server';
 
+import i18n from '@/lib/i18n';
 import { s3client } from '@/lib/s3';
 
 import { envServer } from '@/env/server';
@@ -21,7 +22,9 @@ const router: Router = {
       onBeforeUpload: async ({ req, file }) => {
         const session = await auth.api.getSession({ headers: req.headers });
         if (!session?.user) {
-          throw new RejectUpload('manager.uploadError.NOT_AUTHENTICATED');
+          throw new RejectUpload(
+            i18n.t('book:manager.uploadErrors.NOT_AUTHENTICATED')
+          );
         }
 
         // Only admins should be able to update book covers
@@ -36,7 +39,9 @@ const router: Router = {
         });
 
         if (!canUpdateBookCover.success) {
-          throw new RejectUpload('manager.uploadError.UNAUTHORIZED');
+          throw new RejectUpload(
+            i18n.t('book:manager.uploadErrors.UNAUTHORIZED')
+          );
         }
 
         // normalize file extension from detected mimetype