From 1e771c1b9f7a6ddae08355a3792e1da46e8a2a47 Mon Sep 17 00:00:00 2001
From: "ilir.beqiri" <i.beqiri21@gmail.com>
Date: Sat, 11 May 2024 17:53:46 +0200
Subject: [PATCH 1/3] feat: add no result for selected filters label

---
 angular-hub/src/app/pages/communities/index.page.ts | 11 +++++++++--
 angular-hub/src/app/pages/index.page.ts             | 11 +++++------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/angular-hub/src/app/pages/communities/index.page.ts b/angular-hub/src/app/pages/communities/index.page.ts
index 888ae0d5..1c32f185 100644
--- a/angular-hub/src/app/pages/communities/index.page.ts
+++ b/angular-hub/src/app/pages/communities/index.page.ts
@@ -39,8 +39,7 @@ export const routeMeta: RouteMeta = {
         [style]="{ width: '230px' }"
         [showClear]="true"
         placeholder="Select a country"
-        [ngModel]="selectedCountry()"
-        (ngModelChange)="selectedCountry.set($event)"
+        [(ngModel)]="selectedCountry"
       />
     </form>
 
@@ -49,6 +48,14 @@ export const routeMeta: RouteMeta = {
         <li>
           <app-community-card [community]="community"></app-community-card>
         </li>
+      } @empty {
+        <p class="col-span-2">
+          No event matching the filter
+
+          @if (selectedCountry()) {
+            {{ selectedCountry() }}
+          }
+        </p>
       }
     </ul>
   `,
diff --git a/angular-hub/src/app/pages/index.page.ts b/angular-hub/src/app/pages/index.page.ts
index 53d35734..31a40c83 100644
--- a/angular-hub/src/app/pages/index.page.ts
+++ b/angular-hub/src/app/pages/index.page.ts
@@ -18,6 +18,7 @@ import { MessagesModule } from 'primeng/messages';
 import { EventSectionComponent } from '../components/event-section.component';
 import { MessageComponent } from '../components/message.component';
 import { BannerComponent } from '../components/banner.component';
+import { DatePipe } from '@angular/common';
 
 export const routeMeta: RouteMeta = {
   meta: [
@@ -145,8 +146,7 @@ export const routeMeta: RouteMeta = {
       <p-calendar
         class="max-w-full"
         name="date"
-        [ngModel]="date()"
-        (ngModelChange)="date.set($event)"
+        [(ngModel)]="date"
         [inline]="true"
         [showWeek]="true"
       >
@@ -163,8 +163,7 @@ export const routeMeta: RouteMeta = {
         [style]="{ width: '100%' }"
         [options]="languages()"
         [showClear]="true"
-        [ngModel]="selectedLanguage()"
-        (ngModelChange)="selectedLanguage.set($event)"
+        [(ngModel)]="selectedLanguage"
         placeholder="Select a language"
       />
       <!-- hide if remote events only -->
@@ -173,8 +172,7 @@ export const routeMeta: RouteMeta = {
           ariaLabel="Display remote events only"
           id="remote"
           name="remote"
-          [ngModel]="isRemote()"
-          (ngModelChange)="isRemote.set($event)"
+          [(ngModel)]="isRemote"
         />
         <label class="mb-2" for="remote">remote only</label>
       </div>
@@ -221,6 +219,7 @@ export const routeMeta: RouteMeta = {
     EventSectionComponent,
     MessageComponent,
     BannerComponent,
+    DatePipe,
   ],
 })
 export default class EventsComponent {

From 3bfa9434450a444fda5be29fb995640ffd0d16e9 Mon Sep 17 00:00:00 2001
From: lilbeqiri <i.beqiri21@gmail.com>
Date: Sun, 12 May 2024 09:22:52 +0200
Subject: [PATCH 2/3] fix: add the correct display style, and date format

---
 angular-hub/src/app/pages/communities/index.page.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/angular-hub/src/app/pages/communities/index.page.ts b/angular-hub/src/app/pages/communities/index.page.ts
index 1c32f185..36fb3cb2 100644
--- 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>
       }

From 13edfe112fd7f953b358f04fa6cc2759cea5fdc9 Mon Sep 17 00:00:00 2001
From: "ilir.beqiri" <i.beqiri21@gmail.com>
Date: Wed, 3 Jul 2024 09:23:28 +0200
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=F0=9F=90=9B=20remove=20empty=20bloc?=
 =?UTF-8?q?k=20for=20communities=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 angular-hub/src/app/pages/communities/index.page.ts | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/angular-hub/src/app/pages/communities/index.page.ts b/angular-hub/src/app/pages/communities/index.page.ts
index 36fb3cb2..79be9505 100644
--- a/angular-hub/src/app/pages/communities/index.page.ts
+++ b/angular-hub/src/app/pages/communities/index.page.ts
@@ -48,14 +48,6 @@ export const routeMeta: RouteMeta = {
         <li>
           <app-community-card [community]="community"></app-community-card>
         </li>
-      } @empty {
-        <p class="col-span-full">
-          No event matching the filter:
-
-          @if (selectedCountry()) {
-            <span>{{ selectedCountry() }}</span>
-          }
-        </p>
       }
     </ul>
   `,