Improve search results

libs/ui/src/lib/assistant/assistant.html

@@ -44,7 +44,7 @@
               Quick Links
             </div>
             @for (
-              searchResultItem of searchResults?.quickLinks;
+              searchResultItem of searchResults.quickLinks;
               track searchResultItem
             ) {
               <gf-assistant-list-item
@@ -64,20 +64,20 @@
             }
           </div>
         }
-        <div>
+        @if (searchResults?.holdings?.length !== 0 || isLoading.holdings) {
-          <div class="font-weight-bold px-3 text-muted title" i18n>
+          <div>
-            Holdings
+            <div class="font-weight-bold px-3 text-muted title" i18n>
-          </div>
+              Holdings
-          @for (
+            </div>
-            searchResultItem of searchResults?.holdings;
+            @for (
-            track searchResultItem
+              searchResultItem of searchResults.holdings;
-          ) {
+              track searchResultItem
-            <gf-assistant-list-item
+            ) {
-              [item]="searchResultItem"
+              <gf-assistant-list-item
-              (clicked)="onCloseAssistant()"
+                [item]="searchResultItem"
-            />
+                (clicked)="onCloseAssistant()"
-          }
+              />
-          @if (searchResults?.holdings?.length === 0) {
+            }
             @if (isLoading.holdings) {
               <ngx-skeleton-loader
                 animation="pulse"
@@ -87,18 +87,20 @@
                   width: '100%'
                 }"
               />
-            } @else {
-              <div class="px-3 py-1 text-muted" i18n>No entries...</div>
             }
-          }
+          </div>
-        </div>
+        }
-        @if (hasPermissionToAccessAdminControl) {
+        @if (
+          hasPermissionToAccessAdminControl &&
+          (searchResults?.assetProfiles?.length !== 0 ||
+            isLoading.assetProfiles)
+        ) {
           <div class="mt-2">
             <div class="font-weight-bold px-3 text-muted title" i18n>
               Asset Profiles
             </div>
             @for (
-              searchResultItem of searchResults?.assetProfiles;
+              searchResultItem of searchResults.assetProfiles;
               track searchResultItem
             ) {
               <gf-assistant-list-item
@@ -106,19 +108,15 @@
                 (clicked)="onCloseAssistant()"
               />
             }
-            @if (searchResults?.assetProfiles?.length === 0) {
+            @if (isLoading.assetProfiles) {
-              @if (isLoading.assetProfiles) {
+              <ngx-skeleton-loader
-                <ngx-skeleton-loader
+                animation="pulse"
-                  animation="pulse"
+                class="mx-3"
-                  class="mx-3"
+                [theme]="{
-                  [theme]="{
+                  height: '1.5rem',
-                    height: '1.5rem',
+                  width: '100%'
-                    width: '100%'
+                }"
-                  }"
+              />
-                />
-              } @else {
-                <div class="px-3 py-1 text-muted" i18n>No entries...</div>
-              }
             }
           </div>
         }