diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.html
index c60195e..ecfd238 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.html
@@ -58,6 +58,17 @@
+
+ Status:
+
+
+ Avbrott
+
+ Original datum för tjänstens slut:
+
+
+
+
Deltagandefrekvens:
{{ avropInformation.participationFrequency }}
@@ -67,7 +78,9 @@
Utförande verksamhet:
{{ avropInformation.utforandeVerksamhet }}
Utförande adress:
- {{ avropInformation.utforandeAdress + ', ' + avropInformation.kommun }}
+
+ {{ avropInformation.utforandeAdress + ', ' + avropInformation.kommun }}
+
Genomförandereferens:
{{ avropInformation.genomforandeReferens }}
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.scss b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.scss
index eec0807..50c555c 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/components/deltagare-tab-personal-information/deltagare-tab-personal-information.component.scss
@@ -6,6 +6,13 @@
flex-basis: 0;
}
+ &__avbrott {
+ display: flex;
+ align-items: center;
+ gap: var(--digi--layout--gutter--xs);
+ color: var(--digi--ui--color--danger);
+ }
+
&__loader {
flex-grow: 1;
}
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.module.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.module.ts
index 36f9577..4af1690 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.module.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-card/deltagare-card.module.ts
@@ -9,6 +9,7 @@ import { RouterModule } from '@angular/router';
import { BackLinkModule } from '@msfa-shared/components/back-link/back-link.module';
import { HandledarePickerFormModule } from '@msfa-shared/components/handledare-picker-form/handledare-picker-form.module';
import { HideTextModule } from '@msfa-shared/components/hide-text/hide-text.module';
+import { IconModule } from '@msfa-shared/components/icon/icon.module';
import { LayoutModule } from '@msfa-shared/components/layout/layout.module';
import { UiLoaderModule } from '@ui/loader/loader.module';
import { UiSkeletonModule } from '@ui/skeleton/skeleton.module';
@@ -44,6 +45,7 @@ import { DeltagareCardService } from './deltagare-card.service';
DigiNgLinkButtonModule,
DigiNgFormSelectModule,
UiSkeletonModule,
+ IconModule,
],
providers: [DeltagareCardService],
exports: [DeltagareCardComponent],