From a57af598fb3b52f01b90a04e0b0d537d9e030ebd Mon Sep 17 00:00:00 2001
From: Stanley Natalius <22915411@student.uwa.edu.au>
Date: Thu, 14 Mar 2024 21:59:06 +0800
Subject: [PATCH] improved styling, fixed type and API test errors

---
 src/components/Auth/Forms/register.tsx           | 12 ++++++------
 src/components/Forms/prepopulated-event-form.tsx |  8 +++++---
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Auth/Forms/register.tsx b/src/components/Auth/Forms/register.tsx
index d91cb0e6..4058e8fa 100644
--- a/src/components/Auth/Forms/register.tsx
+++ b/src/components/Auth/Forms/register.tsx
@@ -43,14 +43,14 @@ const RegisterForm = () => {
 
   const show1 = (
     <MdOutlineVisibility
-      className="hover: cursor-pointer"
+      className="hover:cursor-pointer h-full mr-4"
       onClick={() => setShowPassword(!showPassword)}
       color="grey"
     />
   );
   const close1 = (
     <MdOutlineVisibilityOff
-      className="hover: cursor-pointer"
+      className="hover:cursor-pointer h-full mr-4"
       onClick={() => setShowPassword(!showPassword)}
       color="grey"
     />
@@ -58,14 +58,14 @@ const RegisterForm = () => {
 
   const show2 = (
     <MdOutlineVisibility
-      className="hover: cursor-pointer"
+      className="hover:cursor-pointer h-full mr-4"
       onClick={() => setShowConfirmPassword(!showConfirmPassword)}
       color="grey"
     />
   );
   const close2 = (
     <MdOutlineVisibilityOff
-      className="hover: cursor-pointer"
+      className="hover:cursor-pointer h-full mr-4"
       onClick={() => setShowConfirmPassword(!showConfirmPassword)}
       color="grey"
     />
@@ -132,7 +132,7 @@ const RegisterForm = () => {
             <div className="flex flex-col gap-4 pt-4">
               <div className="flex gap-x-6">
                 <FieldInput
-                  width="w-1/2"
+                  size="w-1/2 h-10"
                   name="firstName"
                   control={control}
                   rules={{
@@ -142,7 +142,7 @@ const RegisterForm = () => {
                   label="First Name"
                 />
                 <FieldInput
-                  width="w-1/2"
+                  size="w-1/2 h-10"
                   name="lastName"
                   control={control}
                   rules={{
diff --git a/src/components/Forms/prepopulated-event-form.tsx b/src/components/Forms/prepopulated-event-form.tsx
index 3f301668..d210d8a8 100644
--- a/src/components/Forms/prepopulated-event-form.tsx
+++ b/src/components/Forms/prepopulated-event-form.tsx
@@ -1,8 +1,10 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import { SubmitHandler, useForm } from "react-hook-form";
+import { SlLocationPin } from "react-icons/sl";
 
 import Button from "@/components/Button";
 import FieldInput from "@/components/FormFields/CommonFields/field-input";
+import FieldMultiSelect from "@/components/FormFields/CommonFields/field-multi-select";
 import FieldSingleSelect from "@/components/FormFields/CommonFields/field-single-select";
 import FieldTextArea from "@/components/FormFields/CommonFields/field-text-area";
 import { ItemType, useItemTypes } from "@/hooks/item-types";
@@ -58,10 +60,10 @@ export default function PrepopulatedEventForm({
           control={control}
           name="location"
           label="Location"
-          icon="https://file.rendit.io/n/WO0yqXIkWlVzApILek8q.svg"
+          icon={<SlLocationPin className="mr-3 h-full" />}
         ></FieldInput>
 
-        <FieldSingleSelect
+        <FieldMultiSelect
           control={control}
           name="eventType"
           label="Event Type"
@@ -73,7 +75,7 @@ export default function PrepopulatedEventForm({
                 }))
               : []
           }
-        ></FieldSingleSelect>
+        ></FieldMultiSelect>
 
         <FieldTextArea
           name="description"