feat(detail): get detail events query

Author: mpsalunggg

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

@@ -1,4 +1,8 @@
-const EditEventPage = () => {
-  return <div>EditEventPage</div>;
+import { AdminEventUpdatePage } from "@/features/events/pages";
+
+const EditEventPage = async (props: { params: Promise<{ eventId: string }> }) => {
+  const params = await props.params;
+
+  return <AdminEventUpdatePage eventId={params.eventId} />;
 };
 export default EditEventPage;

src/features/events/components/ColumnsEventListAdmin.tsx

@@ -6,6 +6,8 @@ import { formatDateEvent } from "@/lib/format";
 import { ColumnDef } from "@tanstack/react-table";
 import { Edit2, SquareChartGantt } from "lucide-react";
 
+import { Link } from "@/lib/navigation";
+
 export const columnsEventListAdmin: ColumnDef<EventType>[] = [
   {
     accessorKey: "title",
@@ -38,9 +40,11 @@ export const columnsEventListAdmin: ColumnDef<EventType>[] = [
           size="icon"
           variant="outline"
           className="cursor-poiner h-8 w-8 cursor-pointer border-blue-500 bg-blue-500 text-white hover:bg-blue-600 hover:text-white"
-          onClick={() => console.log("Edit event:", row.original.id)}
+          asChild
         >
-          <Edit2 className="h-4 w-4" />
+          <Link href={`/admin/events/${row.original.id}/edit`}>
+            <Edit2 className="h-4 w-4" />
+          </Link>
         </Button>
         <Button
           size="icon"

src/features/events/hooks/useEvent.ts

@@ -116,3 +116,10 @@ export const useCreateEvent = (t: (key: string) => string) => {
     isLoading,
   };
 };
+
+export const useGetDetailEventAdmin = (id: string) => {
+  return useQuery({
+    queryKey: ["getDetailEventAdmin", id],
+    queryFn: async () => eventsService.getDetailEventAdmin(id),
+  });
+};

src/features/events/pages/AdminEventUpdatePage.tsx

@@ -1,7 +1,14 @@
+"use client";
+
 import { EventFormType } from "@/domains/Events";
 import EventForm from "../components/EventForm";
+import { useGetDetailEventAdmin } from "../hooks/useEvent";
+
+const AdminEventUpdatePage = ({ eventId }: { eventId: string }) => {
+  console.log("eventsss id", eventId);
+  const { data } = useGetDetailEventAdmin(eventId);
 
-const AdminEventUpdatePage = () => {
+  console.log("dataaa", data);
   const handleSubmit = (data: EventFormType) => {
     // createMutation.mutate(data);
     console.log(data);

src/hooks/useQueryParams.ts

@@ -1,5 +1,5 @@
 import { useSearchParams } from "next/navigation";
-import { useRouter } from "next/navigation";
+import { useRouter } from "@/lib/navigation";
 
 /**
  * Custom hook for managing URL query parameters with nextjs

src/services/events/index.ts

@@ -73,7 +73,7 @@ export const eventsService = {
    * API to get detail event for admin.
    */
   async getDetailEventAdmin(id: string): Promise<HttpResponse<AdminEventResponseType>> {
-    return fetcher.get(`/api/v1/admin/events/${id}`);
+    return fetcher.get(`/admin/events/${id}`);
   },
 
   /**