feat(edit): setup service and page edit

Author: mpsalunggg

src/app/[locale]/admin/events/[eventId]/edit/page.tsx

@@ -0,0 +1,4 @@
+const EditEventPage = () => {
+  return <div>EditEventPage</div>;
+};
+export default EditEventPage;

src/app/[locale]/admin/events/[eventId]/page.tsx

@@ -109,3 +109,9 @@ export const createEventFormSchema = (t: (key: string) => string) =>
 export type EventFormType = z.infer<ReturnType<typeof createEventFormSchema>>;
 
 export type CreateEventPayload = Omit<EventFormType, "image"> & { file_name: string };
+
+export type AdminEventResponseType = Omit<EventFormType, "image"> & {
+  id: number;
+  author: string;
+  file_name: string;
+};

src/domains/Events.ts

@@ -0,0 +1,21 @@
+import { EventFormType } from "@/domains/Events";
+import EventForm from "../components/EventForm";
+
+const AdminEventUpdatePage = () => {
+  const handleSubmit = (data: EventFormType) => {
+    // createMutation.mutate(data);
+    console.log(data);
+  };
+
+  return (
+    <section>
+      <div className="mb-6">
+        <h1 className="text-2xl font-bold">Edit Event</h1>
+        <p className="text-muted-foreground">Edit event details quickly and easily.</p>
+      </div>
+
+      <EventForm onSubmit={handleSubmit} mode="edit" isLoading={false} />
+    </section>
+  );
+};
+export default AdminEventUpdatePage;

src/features/events/pages/AdminEventUpdatePage.tsx

@@ -1,5 +1,6 @@
 export { default as AdminEventsListPage } from "./AdminEventsListPage";
 export { default as AdminEventsCreatePage } from "./AdminEventsCreatePage";
+export { default as AdminEventUpdatePage } from "./AdminEventUpdatePage";
 export { default as PublicEventListPage } from "./PublicEventListPage";
 export { default as PublicEventDetailPage } from "./PublicEventDetailPage";
 export { default as UserEventPage } from "./UserEventPage";

src/features/events/pages/index.ts

@@ -1,6 +1,12 @@
 import { HttpResponse } from "@/types/http";
 import { fetcher } from "../instance";
-import { CreateEventPayload, EventType, RegistrationForm, UserEventType } from "@/domains/Events";
+import {
+  AdminEventResponseType,
+  CreateEventPayload,
+  EventType,
+  RegistrationForm,
+  UserEventType,
+} from "@/domains/Events";
 
 export const eventsService = {
   /**
@@ -56,7 +62,24 @@ export const eventsService = {
     });
   },
 
+  /**
+   * API to create event for admin.
+   */
   async createEventAdmin(payload: CreateEventPayload): Promise<HttpResponse<null>> {
     return fetcher.post(`/admin/events`, payload);
   },
+
+  /**
+   * API to get detail event for admin.
+   */
+  async getDetailEventAdmin(id: string): Promise<HttpResponse<AdminEventResponseType>> {
+    return fetcher.get(`/api/v1/admin/events/${id}`);
+  },
+
+  /**
+   * API to update event for admin.
+   */
+  async updateEventAdmin(id: string, payload: CreateEventPayload): Promise<HttpResponse<null>> {
+    return fetcher.put(`/admin/events/${id}`, payload);
+  },
 };