From fd7bdace3b08a498248f3fea048afe955cb19271 Mon Sep 17 00:00:00 2001
From: Laurent <58115082+naaturel@users.noreply.github.com>
Date: Thu, 20 Mar 2025 08:34:14 +0100
Subject: [PATCH] Change a bit of style

---
 front/src/components/InputField.vue |  9 ++++++++-
 front/src/utils/CutomMap.ts         |  8 ++++++--
 front/src/views/CreateView.vue      | 20 +++++++++++++++++---
 front/src/views/EventView.vue       |  2 +-
 4 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/front/src/components/InputField.vue b/front/src/components/InputField.vue
index d71a4f0..1740085 100644
--- a/front/src/components/InputField.vue
+++ b/front/src/components/InputField.vue
@@ -3,6 +3,13 @@
 let value;
 const emit = defineEmits(['update:value']);
 
+const props = defineProps({
+  placeholder: {
+    type: [String],
+    required: false
+  }
+});
+
 // Method to handle the update
 const updateValue = (event : any) => {
   emit('update:value', event.target.value);
@@ -11,7 +18,7 @@ const updateValue = (event : any) => {
 </script>
 
 <template>
-    <input class="input-field" :value="value" @input="updateValue" />
+    <input :placeholder="placeholder" class="input-field" :value="value" @input="updateValue" />
 </template>
 
 <style scoped>
diff --git a/front/src/utils/CutomMap.ts b/front/src/utils/CutomMap.ts
index 5f5fe80..dbb99ec 100644
--- a/front/src/utils/CutomMap.ts
+++ b/front/src/utils/CutomMap.ts
@@ -1,8 +1,12 @@
+import type {TimeStamp} from "@/models/TimeStamp.ts";
+import type {Attendee} from "@/models/Attendee.ts";
+
 /**
  * I hate JavaScript and TypeScript with every single inch of my body
  */
-export class CustomMap<K, V> extends Map<K, V> {
-  has(obj: K): boolean {
+export class CustomMap extends Map<TimeStamp, Attendee> {
+  has(obj: TimeStamp): boolean {
+    obj.getValue()
     return false;
   }
 }
diff --git a/front/src/views/CreateView.vue b/front/src/views/CreateView.vue
index ca7efb3..4c2765b 100644
--- a/front/src/views/CreateView.vue
+++ b/front/src/views/CreateView.vue
@@ -3,6 +3,7 @@
 import Calendar from "@/components/Calendar.vue";
 import TextBlock from "@/components/TextBlock.vue";
 import NavLink from "@/components/NavLink.vue";
+import InputField from "@/components/InputField.vue";
 </script>
 
 <template>
@@ -12,6 +13,7 @@ import NavLink from "@/components/NavLink.vue";
       <h1>Create an <span class="colored-text">event</span></h1>
     </TextBlock>
     <div class="event-form">
+      <InputField placeholder="Event name"/>
       <Calendar class="calendar"/>
       <NavLink name="Create" description="Create" class="create-button"></NavLink>
     </div>
@@ -34,11 +36,17 @@ import NavLink from "@/components/NavLink.vue";
   gap: 20px;
 }
 
+.input-field{
+  height: 50px;
+  font-size: calc(0.4 * 50px);
+  min-height: 50px;
+}
+
 .nav-link
 {
   width: 50%;
-  height: 70px;
-  min-height: 70px;
+  height: 50px;
+  min-height: 50px;
 }
 
 /* MEDIA QUERIES */
@@ -57,11 +65,17 @@ import NavLink from "@/components/NavLink.vue";
     width: 100%;
     min-width: 100%;
   }
+
+  .input-field
+  {
+    width: 50%;
+  }
+
 }
 
 @media screen and (max-width: 1000px) {
 
-  .title, .event-form {
+  .title, .event-form, .input-field, .nav-link {
     width: 100%;
   }
 
diff --git a/front/src/views/EventView.vue b/front/src/views/EventView.vue
index 6a44678..b607d99 100644
--- a/front/src/views/EventView.vue
+++ b/front/src/views/EventView.vue
@@ -26,7 +26,7 @@ function extractToken() : string {
 }
 
 function formatDate(timestamp : number) : String{
-  let date = DateHelper.toDate(timestamp)
+  let date = DateHelper.toDate(timestamp);
   return `${date.getDate()}-${date.getMonth() + 1}-${date.getFullYear()}`;
 }