fix providers

ls1intum · Aug 11, 2024 · 031d6b0 · 031d6b0
1 parent 05f9f1a
commit 031d6b0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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 }))
   ]
 };