fix: add the correct display style, and date format

angular-sanctuary · May 12, 2024 · a5384d5 · a5384d5
1 parent 6b96fba
commit a5384d5
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 11 deletions.
diff --git a/angular-hub/src/app/pages/communities/index.page.ts b/angular-hub/src/app/pages/communities/index.page.ts
@@ -50,11 +50,11 @@ export const routeMeta: RouteMeta = {
           <app-community-card [community]="community"></app-community-card>
         </li>
       } @empty {
-        <p class="col-span-2">
-          No event matching the filter
+        <p class="col-span-full">
+          No event matching the filter:
 
           @if (selectedCountry()) {
-            {{ selectedCountry() }}
+            <span>{{ selectedCountry() }}</span>
           }
         </p>
       }

diff --git a/angular-hub/src/app/pages/index.page.ts b/angular-hub/src/app/pages/index.page.ts
@@ -75,15 +75,26 @@ export const routeMeta: RouteMeta = {
           <app-event-card [event]="event"></app-event-card>
         </li>
       } @empty {
-        <p class="col-span-2">
-          No event matching the filter
-          @if (date()) {
-            {{ date() | date: 'MM/DD/YYYY' }}
-          }
+        <p class="col-span-full">
+          No event matching filter(s):
 
-          @if (selectedLanguage()) {
-            {{ selectedLanguage() }}
-          }
+          <span>
+            @if (date()) {
+              {{ date() | date: 'dd MMM YYYY' }}
+            }
+
+            @if (selectedLanguage()) {
+              @if (isRemote()) {
+                , {{ selectedLanguage() }}
+              } @else {
+                and {{ selectedLanguage() }}
+              }
+            }
+
+            @if (isRemote()) {
+              and Remote Only
+            }
+          </span>
         </p>
       }
     </ul>