loading

AboutClan · Aug 12, 2024 · 1cae43e · 1cae43e
1 parent c22f03a
commit 1cae43e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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 && (