Styling publications on home page.

frontend/src/app/pages/home/home.component.ts

@@ -1,12 +1,31 @@
-import { Component } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
+import { HomeService } from './home.service';
+import { Observable } from 'rxjs';
+import { Publication } from '../../core/rest-services/publications/model/publication';
+import { RouterModule } from '@angular/router';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { CommonModule } from '@angular/common';
 
 @Component({
   selector: 'app-home',
   standalone: true,
-  imports: [],
+  imports: [CommonModule, RouterModule, MatTooltipModule],
   templateUrl: './home.component.html',
-  styleUrl: './home.component.scss'
+  styleUrl: './home.component.scss',
+  providers: [HomeService]
 })
-export class HomeComponent {
+export class HomeComponent implements OnInit {
+  private homeService = inject(HomeService);
 
+  get isLoading$(): Observable<boolean> {
+    return this.homeService.isLoading$;
+  }
+
+  get publications$(): Observable<Publication[]> {
+    return this.homeService.publications$;
+  }
+
+  ngOnInit(): void {
+    this.homeService.startLatestPublicationsRetrieving();
+  }
 }