From 1cae43e33a6c1b0e5591820eb0aa9ae6e364f375 Mon Sep 17 00:00:00 2001
From: LSJ <j44s11@naver.com>
Date: Tue, 13 Aug 2024 03:50:49 +0900
Subject: [PATCH] loading

---
 components/molecules/ContentHeartBar.tsx | 2 +-
 pages/square/secret/[id].tsx             | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/molecules/ContentHeartBar.tsx b/components/molecules/ContentHeartBar.tsx
index 4fc4aa2c3..afa65a1e5 100644
--- a/components/molecules/ContentHeartBar.tsx
+++ b/components/molecules/ContentHeartBar.tsx
@@ -1,7 +1,7 @@
 import { Box, Button, Flex } from "@chakra-ui/react";
 import dayjs from "dayjs";
-import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
+import { useRouter, useSearchParams } from "next/navigation";
 import { Fragment, useEffect, useState } from "react";
 
 import { useCommentMutation, useSubCommentMutation } from "../../hooks/common/mutations";
diff --git a/pages/square/secret/[id].tsx b/pages/square/secret/[id].tsx
index 23d52922a..f07890311 100644
--- a/pages/square/secret/[id].tsx
+++ b/pages/square/secret/[id].tsx
@@ -11,15 +11,16 @@ import {
   useDisclosure,
   VStack,
 } from "@chakra-ui/react";
+import { useSession } from "next-auth/react";
 import Image from "next/image";
 import { useRouter } from "next/router";
-import { useSession } from "next-auth/react";
 import { useEffect, useState } from "react";
 
 import AlertModal from "../../../components/AlertModal";
 import { Badge } from "../../../components/atoms/badges/Badges";
 import Divider from "../../../components/atoms/Divider";
 import KakaoShareBtn from "../../../components/atoms/Icons/KakaoShareBtn";
+import { MainLoadingAbsolute } from "../../../components/atoms/loaders/MainLoading";
 import Header from "../../../components/layouts/Header";
 import Slide from "../../../components/layouts/PageSlide";
 import OrganizerBar from "../../../components/molecules/OrganizerBar";
@@ -144,7 +145,7 @@ function SecretSquareDetailPage() {
       </Header>
       <>
         <Slide>
-          {squareDetail && (
+          {squareDetail ? (
             <>
               <Flex px={4} py={4} direction="column" gap={2} as="section" bg="white">
                 <Box>
@@ -372,6 +373,8 @@ function SecretSquareDetailPage() {
               <Divider />
               {/* comments section */}
             </>
+          ) : (
+            <MainLoadingAbsolute />
           )}
         </Slide>
         {squareDetail && (