fix: loading ui when router push

app/(protected)/make/_components/MakeSection.tsx

@@ -25,15 +25,15 @@ const MakeSection = ({ userData }: { userData: User }) => {
     if (typeof window !== 'undefined') {
       const isDecorated = sessionStorage.getItem('isDecorated');
       if (isDecorated) {
-        router.replace('/main');
+        router.replace(ROUTES.MAIN);
         return;
       }
 
       const stepParam = searchParams.get('step');
       const step = stepParam ? parseInt(stepParam) : STEP.MAIN_DECORATION;
 
       if (isNaN(step) || step < STEP.MAIN_DECORATION || step > STEP.MAX) {
-        router.replace('/make?step=1');
+        router.replace(ROUTES.MAKE);
         return;
       }
 

app/(protected)/make/_components/TitleForm.tsx

@@ -81,7 +81,7 @@ const TitleForm = ({ userData }: { userData: User }) => {
       });
 
       if (response.ok) {
-        router.replace(ROUTES.MAIN);
+        router.push(ROUTES.MAIN);
         sessionStorage.setItem('isDecorated', 'true');
         router.refresh();
       }

app/api/crystal/message/route.ts

@@ -79,7 +79,6 @@ type MessageReq = {
 };
 
 export const POST = async (req: NextRequest) => {
-  console.log('POST');
   const {
     user_id,
     crystal_id,
@@ -91,25 +90,11 @@ export const POST = async (req: NextRequest) => {
     is_deleted,
     is_opend,
   } = (await req.json()) as MessageReq;
-  console.log(
-    'POST',
-    user_id,
-    crystal_id,
-    decoration_id,
-    decoration_color,
-    content,
-    sender,
-    letter_color,
-    is_deleted,
-    is_opend
-  );
+
   await connectToMongoDB();
-  console.log('POST', 'connected to mongoDB');
 
   const sessionDB = await mongoose.startSession();
   sessionDB.startTransaction();
-
-  console.log('POST', 'sessionDB started');
   try {
     // MongoDB에 연결
 
@@ -131,7 +116,6 @@ export const POST = async (req: NextRequest) => {
       { session: sessionDB }
     );
 
-    console.log('POST', 'message created', message);
     if (!message) throw new Error('Failed to create message');
 
     const message_id = message[0]._id;
@@ -148,10 +132,8 @@ export const POST = async (req: NextRequest) => {
       },
       { new: true, session: sessionDB }
     );
-    console.log('POST', 'crystal updated');
     await sessionDB.commitTransaction();
 
-    console.log('POST', 'sessionDB committed');
     return NextResponse.json({
       message: 'Message created',
       message_id,
@@ -161,7 +143,6 @@ export const POST = async (req: NextRequest) => {
     console.error('Error creating message : ', error);
 
     await sessionDB.abortTransaction();
-    console.log('POST', 'sessionDB aborted');
     return NextResponse.json(
       { error: 'Failed to create message ' + error },
       { status: 500 }

shared/components/modals/MessageSubmitModal.tsx

@@ -49,7 +49,7 @@ const MessageSubmitModal = () => {
       });
 
       if (response.ok) {
-        router.replace(`/visit/${data.uuid}`);
+        router.push(`/visit/${data.uuid}`);
         sessionStorage.setItem('messageIsDecorated', 'true');
         sessionStorage.setItem('visitToast', 'true');
         router.refresh();