From 71e9a6da0ea68cff7bb1d988317799e214390ad3 Mon Sep 17 00:00:00 2001
From: Lorenz Hilpert <l.hilpert@paragon-data.de>
Date: Mon, 28 Jul 2025 08:26:54 +0000
Subject: [PATCH] Merged PR 1892: refactor(return-receipt-list-item):
 restructure styles and remove unused imports

refactor(return-receipt-list-item): restructure styles and remove unused imports

Updated the SCSS to separate background styles for different states and removed the unused Receipt import from the component.

Refs: #5225
---
 .../return-receipt-list-item.component.scss            | 10 +++++++++-
 .../return-receipt-list-item.component.ts              |  8 +++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
index 51581f32b..ad7822c61 100644
--- a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
@@ -1,3 +1,11 @@
 :host {
-  @apply flex flex-row justify-start gap-6 p-6 bg-isa-neutral-400 rounded-2xl text-isa-neutral-900 isa-text-body-1-regular;
+  @apply flex flex-row justify-start gap-6 p-6 rounded-2xl text-isa-neutral-900 isa-text-body-1-regular;
+
+  &.remi-return-receipt-list-item--offen {
+    @apply bg-isa-white;
+  }
+
+  &.remi-return-receipt-list-item--abgeschlossen {
+    @apply bg-isa-neutral-400;
+  }
 }
diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts
index 3145a77c8..46dee8ac6 100644
--- a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts
@@ -4,7 +4,7 @@ import {
   computed,
   input,
 } from '@angular/core';
-import { Receipt, Return } from '@isa/remission/data-access';
+import { Return } from '@isa/remission/data-access';
 
 /**
  * Component that displays a single return receipt item in the list view.
@@ -27,6 +27,12 @@ import { Receipt, Return } from '@isa/remission/data-access';
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [],
+  host: {
+    'class': 'remi-return-receipt-list-item',
+    '[class.remi-return-receipt-list-item--offen]': 'completed() === "Offen"',
+    '[class.remi-return-receipt-list-item--abgeschlossen]':
+      'completed() === "Abgeschlossen"',
+  },
 })
 export class ReturnReceiptListItemComponent {
   /**