From d50505d0a9b136a214d324fb069059f2b564500b Mon Sep 17 00:00:00 2001
From: Valery Melou <me@valerymelou.com>
Date: Sun, 21 Jul 2024 03:32:13 +0100
Subject: [PATCH] refactor: skip hydration for the article component

---
 apps/website/src/app/app.routes.ts                       | 1 -
 .../feature-article/src/lib/blog-article.component.html  | 9 ++-------
 .../feature-article/src/lib/blog-article.component.ts    | 1 +
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/apps/website/src/app/app.routes.ts b/apps/website/src/app/app.routes.ts
index 02ccf9c..92aad7a 100644
--- a/apps/website/src/app/app.routes.ts
+++ b/apps/website/src/app/app.routes.ts
@@ -49,7 +49,6 @@ export const appRoutes: Route[] = [
           import('@valerymelou/blog/article').then(
             (c) => c.BlogArticleComponent,
           ),
-        data: { animation: 'BlogHomePage' },
         resolve: {
           article: articleResolver,
         },
diff --git a/libs/blog/feature-article/src/lib/blog-article.component.html b/libs/blog/feature-article/src/lib/blog-article.component.html
index f3be4fd..a7cdbfe 100644
--- a/libs/blog/feature-article/src/lib/blog-article.component.html
+++ b/libs/blog/feature-article/src/lib/blog-article.component.html
@@ -1,12 +1,7 @@
 <article class="relative mx-auto max-w-3xl pt-10">
-  <a
-    routerLink="/blog"
-    ui-flat-button
-    color="accent"
-    aria-label="Go back"
-    class="mb-4"
-  >
+  <a routerLink="/blog" ui-flat-button color="accent" class="mb-4">
     <ng-icon name="bootstrapArrowLeft" strokeWidth="5" size="20"></ng-icon>
+    <span class="ml-3">Articles</span>
   </a>
   <dl>
     <dt class="sr-only">Date</dt>
diff --git a/libs/blog/feature-article/src/lib/blog-article.component.ts b/libs/blog/feature-article/src/lib/blog-article.component.ts
index bfcb74c..ff5c7e8 100644
--- a/libs/blog/feature-article/src/lib/blog-article.component.ts
+++ b/libs/blog/feature-article/src/lib/blog-article.component.ts
@@ -37,6 +37,7 @@ import { ButtonComponent, LinkComponent } from '@valerymelou/shared/ui';
   ],
   templateUrl: './blog-article.component.html',
   viewProviders: [provideIcons({ bootstrapArrowLeft })],
+  host: { ngSkipHydration: 'true' },
 })
 export class BlogArticleComponent implements OnInit, OnDestroy {
   article!: Article;