Merge pull request #98 from CapituloJaverianoACM/fix/use-def-avatar-url

Use the default avatar url specified in the .env file

Author: Achalogy

src/components/league/ui/podium/podium-component.tsx

@@ -70,20 +70,21 @@ const Step = (props: {
         )}
       </div>
 
-      {showAvatar && (
-        <div className="absolute -top-[2rem] lg:-top-[3.5rem] left-1/2 transform -translate-x-1/2 mx-auto rounded-full border-2 border-[--azul-niebla] bg-[--azul-niebla] h-[4rem] lg:h-[7rem] aspect-square overflow-hidden">
+      {showAvatar && (() => {
+        const hasAvatar = !(student.student.avatar?.length == 0 || !student.student.avatar)
+        return <div className="flex absolute -top-[2rem] lg:-top-[3.5rem] left-1/2 transform -translate-x-1/2 mx-auto rounded-full border-2 border-[--azul-niebla] bg-[--azul-niebla] h-[4rem] lg:h-[7rem] aspect-square overflow-hidden">
           {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             src={
-              student.student.avatar?.length == 0
-                ? null
-                : student.student.avatar
+              hasAvatar ? student.student.avatar
+                : process.env.NEXT_PUBLIC_DEFAULT_IMAGE_URL
             }
             alt={`Avatar de ${student.student.name}`}
-            className="w-full h-full object-cover"
+            className={`object-cover ${hasAvatar ? "w-full h-full" : "w-3/4 h-3/4 m-auto"}`}
           />
         </div>
-      )}
+      })()
+      }
 
       {showCrown && (
         <div