fix: events path

Author: Helias

src/app/pages/blog/blog-detail/blog-detail.component.html

@@ -11,7 +11,7 @@
       @if (post()!.coverImage) {
         <div
           class="mb-8 h-64 rounded-(--radius) bg-cover bg-center"
-          [style.background-image]="'url(' + post()!.coverImage + ')'"
+          [style.background-image]="'url(' + baseUrl + post()!.coverImage + ')'"
           role="img"
           [attr.aria-label]="activeLang() === 'en' ? post()!.titleEn : post()!.title"
         ></div>

src/app/pages/blog/blog-detail/blog-detail.component.ts

@@ -28,7 +28,7 @@ export class BlogDetailComponent {
   private readonly http = inject(HttpClient);
   private readonly route = inject(ActivatedRoute);
   private readonly translocoService = inject(TranslocoService);
-  private readonly baseUrl = inject(BASE_URL);
+  protected readonly baseUrl = inject(BASE_URL);
 
   protected readonly post = signal<BlogPost | null>(null);
   protected readonly activeLang = toSignal(this.translocoService.langChanges$, {

src/app/pages/events/event-detail/event-detail.component.html

@@ -11,7 +11,7 @@
       @if (event()!.image) {
         <div
           class="mb-8 h-64 rounded-(--radius) bg-cover bg-center"
-          [style.background-image]="'url(' + event()!.image + ')'"
+          [style.background-image]="'url(' + baseUrl + event()!.image + ')'"
           role="img"
           [attr.aria-label]="event()!.title"
         ></div>
@@ -64,7 +64,7 @@ <h2 class="mb-4 text-xl font-semibold">{{ 'events.gallery' | transloco }}</h2>
               <li>
                 <div
                   class="h-40 rounded-(--radius) bg-cover bg-center"
-                  [style.background-image]="'url(' + image + ')'"
+                  [style.background-image]="'url(' + baseUrl + image + ')'"
                   role="img"
                   [attr.aria-label]="event()!.title"
                 ></div>

src/app/pages/events/event-detail/event-detail.component.ts

@@ -36,7 +36,7 @@ export class EventDetailComponent {
   private readonly http = inject(HttpClient);
   private readonly route = inject(ActivatedRoute);
   private readonly translocoService = inject(TranslocoService);
-  private readonly baseUrl = inject(BASE_URL);
+  protected readonly baseUrl = inject(BASE_URL);
 
   protected readonly event = signal<MeetupEvent | null>(null);
   protected readonly activeLang = toSignal(this.translocoService.langChanges$, {

src/app/pages/events/events.component.html

@@ -12,7 +12,7 @@ <h1 class="mb-8 text-center text-3xl font-bold">{{ 'events.title' | transloco }}
             @if (event.image) {
               <div
                 class="h-48 bg-cover bg-center"
-                [style.background-image]="'url(' + event.image + ')'"
+                [style.background-image]="'url(' + baseUrl + event.image + ')'"
                 role="img"
                 [attr.aria-label]="event.title"
               >

src/app/pages/events/events.component.ts

@@ -25,7 +25,7 @@ interface MeetupEvent {
 export class EventsComponent {
   private readonly http = inject(HttpClient);
   private readonly translocoService = inject(TranslocoService);
-  private readonly baseUrl = inject(BASE_URL);
+  protected readonly baseUrl = inject(BASE_URL);
   protected readonly events = signal<MeetupEvent[]>([]);
   protected readonly activeLang = toSignal(this.translocoService.langChanges$, {
     initialValue: this.translocoService.getActiveLang(),