OZG-7707 add new icon to info app

alfa-client/apps/info/project.json

@@ -16,7 +16,15 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/info/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/info/src/favicon.svg", "apps/info/src/assets"],
+        "assets": [
+          "apps/info/src/favicon.svg",
+          "apps/info/src/assets",
+          {
+            "input": "libs/design-system/src/assets",
+            "glob": "**/*",
+            "output": "assets/icons"
+          }
+        ],
         "styles": ["apps/info/src/styles.scss"],
         "scripts": [],
         "stylePreprocessorOptions": {

alfa-client/apps/info/src/app/app.component.html

@@ -4,7 +4,7 @@
     aria-label="OZG-Cloud Information"
     routerLink="/"
   >
-    <ods-ozg-logo-icon />
+    <ods-icon name="ozg-logo" class="h-auto w-16" />
   </a>
 </header>
 <div class="relative flex w-full flex-auto flex-col justify-center gap-14 p-6">

alfa-client/apps/info/src/app/app.component.spec.ts

 import { existsAsHtmlElement, notExistsAsHtmlElement } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
+import { IconComponent } from '@ods/system';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
+import { MockComponent } from 'ng-mocks';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
@@ -12,7 +14,7 @@ describe('AppComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AppComponent],
+      imports: [AppComponent, MockComponent(IconComponent)],
       providers: [provideRouter([])],
     }).compileComponents();
 

alfa-client/apps/info/src/app/app.component.ts

 import { Component, OnInit } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { OzgLogoIconComponent } from '@ods/system';
+import { IconComponent } from '@ods/system';
 import { environment } from '../environments/environment';
 
 @Component({
   standalone: true,
-  imports: [RouterModule, OzgLogoIconComponent],
+  imports: [RouterModule, IconComponent],
   selector: 'app-root',
   templateUrl: './app.component.html',
 })

alfa-client/apps/info/src/app/app.config.ts

+import { provideHttpClient } from '@angular/common/http';
 import { ApplicationConfig } from '@angular/core';
 import { provideRouter, withInMemoryScrolling } from '@angular/router';
+import { provideAngularSvgIcon } from 'angular-svg-icon';
 import { appRoutes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(appRoutes, withInMemoryScrolling({ scrollPositionRestoration: 'enabled' }))],
+  providers: [
+    provideRouter(appRoutes, withInMemoryScrolling({ scrollPositionRestoration: 'enabled' })),
+    provideHttpClient(),
+    provideAngularSvgIcon(),
+  ],
 };

alfa-client/libs/design-system/src/index.ts

@@ -47,7 +47,6 @@ export * from './lib/forwarding-item/forwarding-item.component';
 export * from './lib/icon/icon.component';
 export * from './lib/icons/file-icon/file-icon.component';
 export * from './lib/icons/iconVariants';
-export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component';
 export * from './lib/icons/spinner-icon/spinner-icon.component';
 export * from './lib/instant-search/instant-search/instant-search.component';
 export * from './lib/instant-search/instant-search/instant-search.model';

alfa-client/libs/design-system/src/lib/icons/ozg-logo-icon/ozg-logo-icon.component.spec.ts

-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { OzgLogoIconComponent } from './ozg-logo-icon.component';
-
-describe('OzgLogoIconComponent', () => {
-  let component: OzgLogoIconComponent;
-  let fixture: ComponentFixture<OzgLogoIconComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [OzgLogoIconComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(OzgLogoIconComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

alfa-client/libs/design-system/src/lib/icons/ozg-logo-icon/ozg-logo-icon.component.ts

-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'ods-ozg-logo-icon',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './ozg-logo-icon.component.html',
-})
-export class OzgLogoIconComponent {}

alfa-client/libs/design-system/src/lib/icons/ozg-logo-icon/ozg-logo-icon.stories.ts

-import type { Meta, StoryObj } from '@storybook/angular';
-
-import { OzgLogoIconComponent } from './ozg-logo-icon.component';
-
-const meta: Meta<OzgLogoIconComponent> = {
-  title: 'Icons/OZG logo icon',
-  component: OzgLogoIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<OzgLogoIconComponent>;
-
-export const Default: Story = {};