Feat: 권한확인 커스텀훅 구현

src/@types/trips.types.ts

@@ -18,3 +18,13 @@ interface MyTripType {
   area: string;
   subArea: string;
 }
+
+interface AuthorityType {
+  status: number;
+  message: string;
+  data: {
+    memberId: number;
+    tripAuthority: string;
+    TripId: number;
+  };
+}

src/api/trips.ts

@@ -84,3 +84,9 @@ export const getTripsMembers = async (tripId: number) => {
   const res = await client.get(`trips/${tripId}/members`);
   return res;
 };
+
+// 편집권한 조회
+export const getTripsAuthority = async (tripId: string) => {
+  const res = await authClient.get(`trips/${tripId}/authority`);
+  return res;
+};

src/components/Trip/TripSectionTop.tsx

@@ -5,9 +5,11 @@ import { BackBox } from '@components/common';
 import { useNavigate } from 'react-router-dom';
 import PlanTripButton from './PlanTripButton';
 import { LikedToursList } from './LikedToursList';
+import { useGetTripsAuthority } from '@hooks/useGetTripsAuthority';
 
 const TripSectionTop = () => {
   const navigate = useNavigate();
+  const { tripAuthority } = useGetTripsAuthority();
 
   return (
     <div className="min-h-screen">

src/hooks/useGetTripsAuthority.ts

@@ -0,0 +1,39 @@
+import { useQuery } from '@tanstack/react-query';
+import { getTripsAuthority } from '@api/trips';
+
+import { useParams } from 'react-router-dom';
+
+type useGetTripsAuthorityReturn = {
+  tripAuthority: string | null;
+  memberId: number | null;
+  TripId: number | null;
+};
+
+export const useGetTripsAuthority = (): useGetTripsAuthorityReturn => {
+  const { id } = useParams();
+
+  const defaultReturn = {
+    tripAuthority: null,
+    memberId: null,
+    TripId: null,
+  };
+
+  if (!id) {
+    return defaultReturn;
+  }
+  const { data, isLoading, isError } = useQuery({
+    queryKey: ['getTripsAuthority', id],
+    queryFn: () => getTripsAuthority(id),
+    enabled: !!id,
+  });
+
+  const tripAuthority = data?.data.data.tripAuthority;
+  const memberId = data?.data.data.memberId;
+  const TripId = data?.data.data.TripId;
+
+  if (isLoading || isError) {
+    return defaultReturn;
+  }
+
+  return { tripAuthority, memberId, TripId };
+};