From 1ed9e1983c12cb9eba227484cfcecb99a7c76738 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Tue, 14 Jan 2025 08:22:21 +0100
Subject: [PATCH] style: update button labels with emojis for clarity

---
 src/app/hotel-details/hotel-details.component.html | 2 +-
 src/app/hotel-form/hotel-form.component.html       | 4 ++--
 src/app/hotel-form/hotel-form.component.ts         | 1 -
 src/app/new-hotel/new-hotel.component.html         | 2 +-
 tailwind.config.js                                 | 2 +-
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/hotel-details/hotel-details.component.html b/src/app/hotel-details/hotel-details.component.html
index 44ae281..0a145b5 100644
--- a/src/app/hotel-details/hotel-details.component.html
+++ b/src/app/hotel-details/hotel-details.component.html
@@ -1,5 +1,5 @@
 @if (hotel) {
   <app-hotel-item [hotel]="hotel" [isDetail]="true"></app-hotel-item>
   <app-hotel-form [hotel]="hotel"></app-hotel-form>
-  <button class="delete-button" (click)="delete()">DELETE</button>
+  <button class="delete-button" (click)="delete()">😠 DELETE</button>
 }
diff --git a/src/app/hotel-form/hotel-form.component.html b/src/app/hotel-form/hotel-form.component.html
index ae7700c..21ccabc 100644
--- a/src/app/hotel-form/hotel-form.component.html
+++ b/src/app/hotel-form/hotel-form.component.html
@@ -13,6 +13,6 @@
   <input type="number" class="input-field"
     [class.border-8]='hotelForm.get("price")?.invalid && hotelForm.get("price")?.touched' id="price"
     formControlName="price">
-  <button class="submit-button" (click)="submit()" [disabled]="!hotelForm.valid" type="submit">Submit</button>
-  <a class="back-button" routerLink="/">Cancel</a>
+  <button class="submit-button" (click)="submit()" [disabled]="!hotelForm.valid" type="submit">😃 Submit</button>
+  <a class="back-button" routerLink="/">😭 Cancel</a>
 </form>
diff --git a/src/app/hotel-form/hotel-form.component.ts b/src/app/hotel-form/hotel-form.component.ts
index 67d523c..0ca2da5 100644
--- a/src/app/hotel-form/hotel-form.component.ts
+++ b/src/app/hotel-form/hotel-form.component.ts
@@ -35,7 +35,6 @@ export class HotelFormComponent {
         console.log(this.validationErrorMessages[key]);
         return this.validationErrorMessages[key] || `Unknown error: ${key}`;
       }).join(' ');
-
     }
   }
 
diff --git a/src/app/new-hotel/new-hotel.component.html b/src/app/new-hotel/new-hotel.component.html
index 43f0369..1e7e9a1 100644
--- a/src/app/new-hotel/new-hotel.component.html
+++ b/src/app/new-hotel/new-hotel.component.html
@@ -17,7 +17,7 @@
   <div class="text-red-500" *ngIf="errorMessages['rating']">{{ errorMessages['rating'] }}</div>
   <input type="rating" class="border-red-500" [class.border-8]='hotelForm.get("rating")?.invalid' id="rating" formControlName="rating">
   <button class="submit-button" (click)="addTag()">Add Tag</button>
-  @for (tag of getTags().controls; track null) {
+  @for (tag of getTags().controls; track tag) {
     <input type="tag" class="border-red-500" [class.border-8]='hotelForm.get("tag")?.invalid' id="tag" formControlName="tag">
     <button (click)="deleteTag(tag)" class="delete-button">delete</button>
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index 53ccdac..154e026 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -19,7 +19,7 @@ module.exports = {
         },
       },
       animation: {
-        shake: 'shake 0.2s ease-in-out infinite',
+        shake: 'shake 10s ease-in-out infinite',
       },
     },
   },