From 6e1250ec916ce49bae62d83ab9af94337d891082 Mon Sep 17 00:00:00 2001
From: Luciano Giacchetta <giacchetta-@outlook.com>
Date: Thu, 21 Aug 2025 17:14:40 -0300
Subject: [PATCH] #15 - Update Images to CDN

---
 src/components/course/course-card.astro    | 8 ++++----
 src/components/course/course-hero.astro    | 4 ++--
 src/components/course/course-reviews.astro | 8 ++++----
 src/components/post/post-card-column.astro | 4 ++--
 src/components/post/post-card-row.astro    | 4 ++--
 src/pages/blog/[slug].astro                | 4 ++--
 6 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/course/course-card.astro b/src/components/course/course-card.astro
index 8b313fd..d1d75f7 100644
--- a/src/components/course/course-card.astro
+++ b/src/components/course/course-card.astro
@@ -16,10 +16,10 @@ const tier_one = getPrices('price_tier_one',import.meta.env.ASTRO_CURRENCY.toLow
     <figure class="figure">
       <Image
         class="card-img"
-        src={`${import.meta.env.ASTRO_DIRECTUS_API}/assets/${course.image}`}
-        alt="Image Description"
-        width=-1
-        height=-1
+        src={`${import.meta.env.ASTRO_ASSETS}/${course.image}`}
+        alt={`${course.name} Image Description`}
+        width={325}
+        height={455}
         />
     </figure>
   </a>
diff --git a/src/components/course/course-hero.astro b/src/components/course/course-hero.astro
index 229b16c..20af0fe 100644
--- a/src/components/course/course-hero.astro
+++ b/src/components/course/course-hero.astro
@@ -23,8 +23,8 @@ const { course }: Props = Astro.props;
             <figure class="avatar avatar-xs avatar-circle">
               <Image 
                 class="avatar-img"
-                src={`${import.meta.env.ASTRO_DIRECTUS_API}/assets/${course.user_created.avatar}`}
-                alt="Course Image"
+                src={`${import.meta.env.ASTRO_ASSETS}/${course.user_created.avatar}`}
+                alt={`${course.user_created.first_name} Avatar`}
                 width={40}
                 height={40}
                 />
diff --git a/src/components/course/course-reviews.astro b/src/components/course/course-reviews.astro
index ffe21c9..fe82e89 100644
--- a/src/components/course/course-reviews.astro
+++ b/src/components/course/course-reviews.astro
@@ -71,10 +71,10 @@ const getOverallRating = (reviews: any) => {
                 <div class="flex-shrink-0">
                   <Image
                       class="avatar avatar-sm avatar-circle"
-                      src={`${import.meta.env.ASTRO_DIRECTUS_API}/assets/${review.user_created.avatar}`}
-                      alt="Image Description"
-                      width="50"
-                      height="50"
+                      src={`${import.meta.env.ASTRO_ASSETS}/${review.user_created.avatar}`}
+                      alt={`${review.user_created.avatar} Avatar`}
+                      width={50}
+                      height={50}
                     />
                 </div>
 
diff --git a/src/components/post/post-card-column.astro b/src/components/post/post-card-column.astro
index b4c9cf8..36dfde2 100644
--- a/src/components/post/post-card-column.astro
+++ b/src/components/post/post-card-column.astro
@@ -11,8 +11,8 @@ const { post }: Props = Astro.props;
     <figure class="shape-container">
       <Image
         class="card-img img-fluid"
-        src={`${import.meta.env.ASTRO_DIRECTUS_API}/assets/${post.cover_image}`}
-        alt="Image placeholder"
+        src={`${import.meta.env.ASTRO_ASSETS}/${post.cover_image}`}
+        alt={`${post.title} Image`}
         inferSize={true}
       />
       <div class="shape shape-bottom zi-1" style="margin-bottom: -0.25rem">
diff --git a/src/components/post/post-card-row.astro b/src/components/post/post-card-row.astro
index f1fad6f..b4f8935 100644
--- a/src/components/post/post-card-row.astro
+++ b/src/components/post/post-card-row.astro
@@ -12,8 +12,8 @@ const { post }: Props = Astro.props;
         <figure class="shape-container overflow-hidden" style="height: 100%">
           <Image
             class="card-img"
-            src={`${import.meta.env.ASTRO_DIRECTUS_API}/assets/${post.cover_image}`}
-            alt="Image placeholder"
+            src={`${import.meta.env.ASTRO_ASSETS}/${post.cover_image}`}
+            alt={`${post.title} Image`}
             style="height: 100%"
             inferSize={true}
           />
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 398d584..8ce7cac 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -26,8 +26,8 @@ const { post } = Astro.props;
         <h1 class="h2 text-white text-center">{post.title}</h1><br>
         <Image
         class="card-img"
-        src={`${import.meta.env.ASTRO_DIRECTUS_API}/assets/${post.cover_image}`}
-        alt="Image placeholder"
+        src={`${import.meta.env.ASTRO_ASSETS}/${post.cover_image}`}
+        alt={`${post.title} Image`}
         inferSize={true}
         />
         <div class="container content-space-1">