#1005 Anmerkungen werden nicht angezeigt

apps/sales/src/app/modules/shelf/components/search-result-group/search-result-group-item.component.html

@@ -21,6 +21,9 @@
       {{ item.processingStatus | processingStatus }}
     </strong>
   </div>
+  <div class="comment">
+    <strong>{{ item.specialComment }}</strong>
+  </div>
   <div class="details">
     <div class="item-type">
       <lib-icon class="isa-mr-9" name="Icon_{{ item.product.format }}"></lib-icon>

apps/sales/src/app/modules/shelf/components/search-result-group/search-result-group-item.component.scss

@@ -6,8 +6,8 @@
 .grid-container {
   display: grid;
   grid-template-columns: 100px 1fr;
-  grid-template-rows: auto 1fr;
-  grid-template-areas: 'cover title' 'cover details';
+  grid-template-rows: auto auto 1fr;
+  grid-template-areas: 'cover title' 'cover comment' 'cover details';
 }
 
 .cover {
@@ -21,14 +21,20 @@
   }
 }
 
+.comment {
+  grid-area: comment;
+  margin-bottom: 15px;
+  font-size: 20px;
+  color: rgba(190, 129, 0, 1);
+}
+
 .title {
   grid-area: title;
+  margin-bottom: 3px;
 
   display: flex;
   justify-content: space-between;
 
-  margin-bottom: 18px;
-
   .product-name {
   }
 

apps/sales/src/app/store/customer/shelf/details/details.effects.ts

@@ -123,12 +123,13 @@ export class DetailsEffects {
       flatMap(({ response }) => {
         if (response.ok) {
           const result = response.body.result;
-          return of(
+          this.searchStateFacade.reloadResults();
+          return [
             actions.setComment({
               orderItemSubsetId: result.id,
               comment: result.specialComment,
-            })
-          );
+            }),
+          ];
         }
         return NEVER;
       })

apps/sales/src/app/store/customer/shelf/search/search.reducer.ts

@@ -88,18 +88,21 @@ const _searchReducer = createReducer(
   on(actions.clearResults, (s, a) =>
     searchStateAdapter.updateOne({ id: a.id, changes: { result: [], state: SearchProcessState.INIT } }, s)
   ),
-  on(actions.addResult, (s, a) =>
-    searchStateAdapter.updateOne(
+  on(actions.addResult, (s, a) => {
+    const addSubsetIds = a.result.map((item) => item.orderItemSubsetId);
+    const entitiesWithoutDublicatedItems = s.entities[a.id].result.filter((item) => !addSubsetIds.some((id) => item.orderItemSubsetId));
+
+    return searchStateAdapter.updateOne(
       {
         id: a.id,
         changes: {
-          result: [...s.entities[a.id].result, ...a.result],
+          result: [...entitiesWithoutDublicatedItems, ...a.result],
           state: SearchProcessState.FETCHED,
         },
       },
       s
-    )
-  ),
+    );
+  }),
   on(actions.clearHits, (s, a) => searchStateAdapter.updateOne({ id: a.id, changes: { hits: undefined } }, s)),
   on(actions.setHits, (s, a) => searchStateAdapter.updateOne({ id: a.id, changes: { hits: a.hits } }, s)),
   on(actions.setTimestamp, (s, a) =>