From ce53bd9999f3cb375f20cb9bc110a642ed037974 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Fri, 6 May 2022 12:27:23 +0300
Subject: [PATCH] [Library | new-theme]: Updated look of message when
 errorCodes.NONE in <errorMessages>. 1. projects-in-modal.component.ts: Use
 OpenaireEntities in <errorMessages>. 2. errorMessages.component.ts: Updated
 look of message when errorCodes.NONE: large, meta text which is center and
 middle aligned instead of alert.

---
 .../landing-utils/projects-in-modal.component.ts         | 2 +-
 utils/errorMessages.component.ts                         | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/landingPages/landing-utils/projects-in-modal.component.ts b/landingPages/landing-utils/projects-in-modal.component.ts
index 4c8e17b3..fe498711 100644
--- a/landingPages/landing-utils/projects-in-modal.component.ts
+++ b/landingPages/landing-utils/projects-in-modal.component.ts
@@ -31,7 +31,7 @@ import {OpenaireEntities} from '../../utils/properties/searchFields';
 				</div>
 			</ng-container>
 		</div>
-    <errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="'projects'"
+    <errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="openaireEntities.PROJECTS"
                    tab_error_class=true></errorMessages>
     <div *ngIf="fetchProjects.searchUtils.status == errorCodes.DONE">
 			<results-and-pages *ngIf="fetchProjects.searchUtils.totalResults > size" [type]="openaireEntities.PROJECTS"
diff --git a/utils/errorMessages.component.ts b/utils/errorMessages.component.ts
index 5cb8f0ca..2fe5b213 100644
--- a/utils/errorMessages.component.ts
+++ b/utils/errorMessages.component.ts
@@ -9,8 +9,15 @@ import {properties} from "../../../environments/environment";
             [class]="(tab_error_class ? '' : 'uk-animation-fade') + ' uk-margin-top  uk-width-1-1'" role="alert">
         <loading></loading>
       </div>
+<!--      <div *ngIf="status.every(checkErrorCode(errorCodes.NONE))"-->
+<!--            [class]="(tab_error_class ? 'uk-margin-top' : 'uk-animation-fade') + ' uk-alert uk-alert-primary'" role="alert">No {{type}} available</div>-->
       <div *ngIf="status.every(checkErrorCode(errorCodes.NONE))"
-            [class]="(tab_error_class ? 'uk-margin-top' : 'uk-animation-fade') + ' uk-alert uk-alert-primary'" role="alert">No {{type}} available</div>
+           class="uk-width-expand uk-height-small uk-flex uk-flex-center uk-flex-middle">
+        <div class="uk-animation-fade uk-text-meta uk-text-large">
+          No {{type}} available
+        </div>
+      </div>
+      
       <div *ngIf="status.every(checkErrorCode(errorCodes.ERROR)) ||
                   (status.some(checkErrorCode(errorCodes.ERROR)) && (!status.every(checkErrorCode(errorCodes.DONE)) || !status.every(checkErrorCode(errorCodes.LOADING))))"
             [class]="(tab_error_class ? 'uk-margin-top' : 'uk-animation-fade') + ' uk-alert uk-alert-warning'" role="alert">