tags fixed

Author: Lukecsharpwalker

src/app/reader/_components/main-page/posts-list/posts-list.component.html

@@ -5,7 +5,7 @@
     class="shadow-lg bg-white p-4 sm:p-6 sm:px-14 rounded-[32px] sm:rounded-[64px] overflow-x-scroll hide-scrollbar whitespace-nowrap scroll-smooth"
   >
     <div class="inline-flex space-x-4 gap-x-0 md:gap-x-6">
-      @for (tag of TAGS; track tag.name) {
+      @for (tag of tags(); track tag.name) {
         <div class="flex flex-col items-center min-w-24 group">
           <div
             [ngStyle]="{ 'background-color': tag.color }"
@@ -82,7 +82,7 @@
 <div class="flex justify-center mt-5">
   <div class="w-full">
     <div class="grid">
-      @for (post of posts(); track post.id; let f = $first) {
+      @for (post of posts(); track post.id) {
         <app-post-card [post]="post"></app-post-card>
       }
     </div>

src/app/reader/_components/main-page/posts-list/posts-list.component.ts

@@ -9,13 +9,12 @@ import {
   ElementRef,
   signal,
   WritableSignal,
-  OnInit,
 } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { AboutMeComponent } from '../../../../shared/about-me/about-me.component';
 import { PostCardComponent } from './post-card/post-card.component';
-import { TAGS } from '../../../../utlis/tags';
 import { PostsStore } from './posts.store';
+import { TagsStore } from '../../../../shared/stores/tags.store';
 
 @Component({
   selector: 'app-posts-list',
@@ -37,7 +36,10 @@ export class PostsListComponent {
   scroll = viewChild<ElementRef<HTMLElement>>('scrollContainer');
   scrollProgress: WritableSignal<number> = signal(0);
   postStore = inject(PostsStore);
+  tagsStore = inject(TagsStore);
+
   posts = this.postStore.posts;
+  tags = this.tagsStore.tags;
 
   initialScroll = 2;
 
@@ -62,6 +64,4 @@ export class PostsListComponent {
 
     this.scrollProgress.set(scrollPercentage);
   }
-
-  protected readonly TAGS = TAGS;
 }