diff --git a/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.html b/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.html index ac709eb5dc988c92b1eb4172e07b5b6928286842..6469c2a6d834f41c2394fb92149b0b18c359f518 100644 --- a/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.html +++ b/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.html @@ -23,11 +23,15 @@ unter der Lizenz sind dem Lizenztext zu entnehmen. --> -<ozgcloud-icon-button-with-spinner - *ngIf="vorgang | hasLink: linkRel.ASSIGN" - svgIcon="account_outline" - toolTip="Bearbeiter zuordnen" - (clickEmitter)="showUserProfileSearch()" - data-test-id="assign-user-profile-icon-button" -> -</ozgcloud-icon-button-with-spinner> +@if (vorgang | hasLink: linkRel.ASSIGN) { + <ods-button-with-spinner + svgIcon="account_outline" + tooltip="Bearbeiter zuordnen" + data-test-id="assign-user-profile-icon-button" + variant="icon" + size="fit" + (clickEmitter)="showUserProfileSearch()" + > + <ods-account-circle-icon icon class="fill-text" /> + </ods-button-with-spinner> +} diff --git a/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.spec.ts b/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.spec.ts index 5f82315849d7119b780f8ad9f6da480c1ec8bd08..531805961b6eef4f0453f69ca5ebb481c096b1aa 100644 --- a/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.spec.ts +++ b/alfa-client/libs/user-profile/src/lib/assign-user-profile-button-container/assign-user-profile-button-container.component.spec.ts @@ -21,12 +21,13 @@ * Die sprachspezifischen Genehmigungen und Beschränkungen * unter der Lizenz sind dem Lizenztext zu entnehmen. */ -import { ComponentFixture, TestBed } from '@angular/core/testing'; import { HasLinkPipe } from '@alfa-client/tech-shared'; import { mock } from '@alfa-client/test-utils'; -import { IconButtonWithSpinnerComponent } from '@alfa-client/ui'; import { UserProfileService } from '@alfa-client/user-profile-shared'; import { VorgangHeaderLinkRel } from '@alfa-client/vorgang-shared'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ButtonWithSpinnerComponent } from '@ods/component'; +import { AccountCircleIconComponent } from '@ods/system'; import { createVorgangWithEingangResource } from 'libs/vorgang-shared/test/vorgang'; import { MockComponent } from 'ng-mocks'; import { AssignUserProfileButtonContainerComponent } from './assign-user-profile-button-container.component'; @@ -44,7 +45,8 @@ describe('AssignUserProfileButtonContainerComponent', () => { declarations: [ AssignUserProfileButtonContainerComponent, HasLinkPipe, - MockComponent(IconButtonWithSpinnerComponent), + MockComponent(ButtonWithSpinnerComponent), + MockComponent(AccountCircleIconComponent), ], providers: [ { diff --git a/alfa-client/libs/user-profile/src/lib/user-profile.module.ts b/alfa-client/libs/user-profile/src/lib/user-profile.module.ts index 11ab2e9213281a32febbbd4664fa79d59d4969f4..408ace4cfbf611228fe69933743b717961982f55 100644 --- a/alfa-client/libs/user-profile/src/lib/user-profile.module.ts +++ b/alfa-client/libs/user-profile/src/lib/user-profile.module.ts @@ -27,7 +27,9 @@ import { UserProfileSharedModule } from '@alfa-client/user-profile-shared'; import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; +import { ButtonWithSpinnerComponent } from '@ods/component'; import { + AccountCircleIconComponent, DropdownMenuButtonItemComponent, DropdownMenuComponent, DropdownMenuItemComponent, @@ -69,6 +71,8 @@ import { UserProfileComponent } from './user-profile/user-profile.component'; DropdownMenuComponent, DropdownMenuItemComponent, DropdownMenuButtonItemComponent, + ButtonWithSpinnerComponent, + AccountCircleIconComponent, TooltipDirective, ], declarations: [