From 031d6b0153817f11dff22ebae2561e880d3606b2 Mon Sep 17 00:00:00 2001
From: "Felix T.J. Dietrich" <felix_dietrich@gmx.de>
Date: Sun, 11 Aug 2024 20:06:48 +0200
Subject: [PATCH] fix providers

---
 webapp/.storybook/preview.ts      | 4 +++-
 webapp/src/app/app.component.html | 4 ++--
 webapp/src/app/app.config.ts      | 5 +++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/webapp/.storybook/preview.ts b/webapp/.storybook/preview.ts
index 46703b68..f7573730 100644
--- a/webapp/.storybook/preview.ts
+++ b/webapp/.storybook/preview.ts
@@ -1,8 +1,9 @@
-import { Preview } from '@storybook/angular';
+import { applicationConfig, Preview } from '@storybook/angular';
 import { withThemeByClassName } from '@storybook/addon-themes';
 import { DocsContainer } from '@storybook/blocks';
 import { createElement } from 'react';
 import { themes } from '@storybook/core/theming';
+import { appConfig } from 'app/app.config';
 
 const preview: Preview = {
   parameters: {
@@ -56,6 +57,7 @@ const preview: Preview = {
       },
       defaultTheme: 'dark',
     }),
+    applicationConfig(appConfig),
   ],
 };
 
diff --git a/webapp/src/app/app.component.html b/webapp/src/app/app.component.html
index 3014a82d..9b87933d 100644
--- a/webapp/src/app/app.component.html
+++ b/webapp/src/app/app.component.html
@@ -1,9 +1,9 @@
 <main class="container">
   <header class="flex items-center justify-between py-4">
-    <div class="flex gap-2 items-center">
+    <a class="flex gap-2 items-center hover:text-muted-foreground" href="/">
       <lucide-angular name="hammer" class="size-6" />
       <span class="text-xl font-semibold">Hephaestus</span>
-    </div>
+    </a>
     <app-theme-switcher />
   </header>
   <div class="flex gap-2 m-2 flex-col items-start">
diff --git a/webapp/src/app/app.config.ts b/webapp/src/app/app.config.ts
index 15c3d5ff..515151a9 100644
--- a/webapp/src/app/app.config.ts
+++ b/webapp/src/app/app.config.ts
@@ -1,6 +1,6 @@
 import { ApplicationConfig, importProvidersFrom, provideExperimentalZonelessChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { provideAngularQuery, QueryClient } from '@tanstack/angular-query-experimental';
 import { LucideAngularModule, Home, Sun, Moon, Hammer } from 'lucide-angular';
@@ -14,6 +14,7 @@ export const appConfig: ApplicationConfig = {
     provideAngularQuery(new QueryClient()),
     { provide: BASE_PATH, useValue: 'http://localhost:8080' },
     provideHttpClient(withInterceptorsFromDi()),
-    importProvidersFrom([BrowserAnimationsModule, LucideAngularModule.pick({ Home, Sun, Moon, Hammer })])
+    provideAnimationsAsync(),
+    importProvidersFrom(LucideAngularModule.pick({ Home, Sun, Moon, Hammer }))
   ]
 };