fix: add the correct display style, and date format

ilirbeqirii · ilirbeqirii · commit 3bfa9434450a · 2024-07-03T09:36:49.000+02:00
diff --git a/angular-hub/src/app/pages/communities/index.page.ts b/angular-hub/src/app/pages/communities/index.page.ts
@@ -49,11 +49,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>
       }

Original file line number	Diff line number	Diff line change
`@@ -49,11 +49,11 @@ export const routeMeta: RouteMeta = {`
`49`	`49`	`<app-community-card [community]="community"></app-community-card>`
`50`	`50`	`</li>`
`51`	`51`	`} @empty {`
`52`		`- <p class="col-span-2">`
`53`		`- No event matching the filter`
	`52`	`+ <p class="col-span-full">`
	`53`	`+ No event matching the filter:`
`54`	`54`
`55`	`55`	`@if (selectedCountry()) {`
`56`		`- {{ selectedCountry() }}`
	`56`	`+ <span>{{ selectedCountry() }}</span>`
`57`	`57`	`}`
`58`	`58`	`</p>`
`59`	`59`	`}`