feat(#141): 메인 홈 행성 고정 기능 구현

Author: yyypearl

src/api/planet/space/space.tsx

@@ -1,4 +1,4 @@
-import { authClient } from "@/api/client";
+import { authClient } from '@/api/client';
 
 // 메인 스페이스 아이디 조회
 export const getMainId = async () => {
@@ -7,6 +7,13 @@ export const getMainId = async () => {
   return response;
 };
 
+// 메인 스페이스 변경
+export const putMainSpace = async (spaceId: string) => {
+  const response = await authClient.put(`/api/v1/spaces/${spaceId}/main`);
+
+  return response;
+};
+
 // 특정 스페이스 조회
 export const getSpaceInfo = async (spaceId: string) => {
   const response = await authClient.get(`/api/v1/spaces/${spaceId}`);
@@ -21,14 +28,14 @@ export const getSpaceList = async () => {
 // 스페이스 생성
 export const postNewSpace = async ({
   spaceName,
-  templateType,
+  templateType
 }: {
   spaceName: string;
   templateType: number;
 }) => {
   return await authClient.post(`/api/v1/spaces`, {
     spaceName: spaceName,
-    templateType: templateType,
+    templateType: templateType
   });
 };
 
@@ -40,30 +47,30 @@ export const deleteSpace = async ({ spaceId }: { spaceId: string }) => {
 // 여러 스페이스 삭제
 export const deleteSpaces = async ({ spaceIds }: { spaceIds: string[] }) => {
   return await authClient.delete(`/api/v1/spaces`, {
-    data: { spaceIds },
+    data: { spaceIds }
   });
 };
 
 // 스페이스 이름 수정
 export const putSpace = async ({
   spaceId,
-  spaceName,
+  spaceName
 }: {
   spaceId: string;
   spaceName: string;
 }) => {
   return await authClient.put(`/api/v1/spaces/${spaceId}/name`, {
-    spaceName,
+    spaceName
   });
 };
 
 // 스페이스 순서 변경
 export const putSpacesOrder = async ({
-  orders,
+  orders
 }: {
   orders: { spaceId: string; index: number }[];
 }) => {
   return await authClient.put(`/api/v1/spaces/order`, {
-    orders,
+    orders
   });
 };

src/app/planet/manage/page.tsx

@@ -11,6 +11,7 @@ import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import {
   deleteSpaces,
   getSpaceList,
+  putMainSpace,
   putSpacesOrder
 } from '@/api/planet/space/space';
 import { useToast } from '@/hooks/useToast';
@@ -104,13 +105,19 @@ const PlanetManagePage = () => {
   };
 
   /* 홈(메인) 행성 고정 */
-  const handleFixMainPlanet = () => {
+  const handleFixMainPlanet = async () => {
     const selectedPlanet = planets?.filter((planet) =>
       selectedId.includes(planet.spaceId)
     );
-
-    /* TODO: 선택 행성 (selectedId) 메인 행성으로 변경 API 연동 */
-
+    await putMainSpace(selectedId);
+    setPlanets(
+      planets.map((planet) =>
+        planet.spaceId === selectedId
+          ? { ...planet, isMainSpace: true }
+          : { ...planet, isMainSpace: false }
+      )
+    );
+    setViewSpaceId(null);
     setIsBottomUp(false);
     showToast(`${selectedPlanet[0]?.spaceName} 행성을 홈으로 고정했어요`, {
       icon: false,