group-square-image

components/molecules/CommentSection.tsx

@@ -22,7 +22,7 @@ function CommentSection({
   setReplyProps,
 }: CommentSectionProps) {
   const { data: session } = useSession();
-  console.log(52, commentArr);
+
 
   return (
     <>

components/molecules/UserComment.tsx

@@ -137,7 +137,7 @@ function UserComment({
     });
     setLikeArr((old) => [...old, session?.user.id]);
   };
-  console.log(54, isReComment, parentId, commentId);
+
   return (
     <>
       <Flex align="center" px={5} py={3} borderBottom="var(--border)">

libs/study/getLocationByCoordinates.ts

@@ -6,14 +6,6 @@ export function getLocationByCoordinates(lat: number, lon: number): string | nul
 
     const isWithinLatitude = lat >= southwest.latitude && lat <= northeast.latitude;
     const isWithinLongitude = lon >= southwest.longitude && lon <= northeast.longitude;
-    console.log(
-      lat,
-      lon,
-      southwest.latitude,
-      northeast.latitude,
-      isWithinLatitude,
-      isWithinLongitude,
-    );
     if (isWithinLatitude && isWithinLongitude) {
       return location;
     }

modals/common/CollectionModal.tsx

@@ -16,7 +16,7 @@ function CollectionModal({ collection, setIsModal }: ICollectionModal) {
   const footerOptions: IFooterOptions = {
     main: {},
   };
-
+ 
   return (
     <ModalLayout
       title={collection?.alphabet ? "알파벳을 획득했어요!" : "출석 완료!"}

modals/common/CommentEditModal.tsx

@@ -30,7 +30,7 @@ function CommentEditModal({
   isSecret,
 }: CommentEditModalProps) {
   const [isFirst, setIsFirst] = useState(true);
-  console.log(commentId, subCommentId);
+
   const footerOptions: IFooterOptions = {
     main: {
       text: "변경",

pageTemplates/group/GroupMine.tsx

@@ -11,7 +11,6 @@ import { getRandomImage } from "../../utils/imageUtils";
 
 function GroupMine() {
   const { data } = useGroupsMineQuery(true, "pending");
-  console.log(42, data);
 
   const setGroup = useSetRecoilState(transferGroupDataState);
 
@@ -20,7 +19,7 @@ function GroupMine() {
       data
         ?.filter((group) => group.status !== "end")
         .map((group) => ({
-          imageUrl: group.image || getRandomImage(),
+          imageUrl: group?.squareImage || getRandomImage(),
           text: group.title,
           url: `/group/${group.id}`,
           func: () => setGroup(group),

pageTemplates/square/SecretSquare/SecretSquareComments.tsx

@@ -36,7 +36,7 @@ function SecretSquareComments({ author, comments, refetch }: SecretSquareComment
 
   const [commentArr, setCommentArr] = useState<UserCommentProps[]>(comments || []);
   const [replyProps, setReplyProps] = useState<ReplyProps>();
-  console.log(24, replyProps);
+
   useEffect(() => {
     setCommentArr(comments);
   }, [comments]);
@@ -89,7 +89,7 @@ function SecretSquareComments({ author, comments, refetch }: SecretSquareComment
         }
       }
     });
-  console.log(commentArr);
+
   return (
     <>
       <Slide isNoPadding>

pageTemplates/vote/voteDrawer/VoteDrawerPlace.tsx

@@ -54,7 +54,7 @@ export function VoteDrawerPlace({ setIsRightDrawer, setIsVoteDrawer, date }: Pla
       return;
     }
     const changeLocation = getLocationByCoordinates(+placeInfo?.y, +placeInfo?.x);
-    console.log(34, changeLocation);
+
     if (!changeLocation) {
       toast("warning", "서비스중인 지역이 아닙니다.");
       return;

pages/group/index.tsx

@@ -5,6 +5,8 @@ import { useEffect, useRef, useState } from "react";
 import { useSetRecoilState } from "recoil";
 import styled from "styled-components";
 
+// import RuleModal from "../../components/modals/RuleModal";
+import { GATHER_RANDOM_IMAGE_ARR } from "../../assets/images/randomImages";
 import { MainLoadingAbsolute } from "../../components/atoms/loaders/MainLoading";
 import SectionHeader from "../../components/atoms/SectionHeader";
 import Select from "../../components/atoms/Select";
@@ -13,7 +15,6 @@ import Header from "../../components/layouts/Header";
 import Slide from "../../components/layouts/PageSlide";
 import { GroupThumbnailCard } from "../../components/molecules/cards/GroupThumbnailCard";
 import ButtonGroups from "../../components/molecules/groups/ButtonGroups";
-// import RuleModal from "../../components/modals/RuleModal";
 import TabNav, { ITabNavOptions } from "../../components/molecules/navs/TabNav";
 import {
   GROUP_STUDY_CATEGORY_ARR,
@@ -27,6 +28,7 @@ import GroupSkeletonMain from "../../pageTemplates/group/GroupSkeletonMain";
 import { transferGroupDataState } from "../../recoils/transferRecoils";
 import { GroupCategory, IGroup } from "../../types/models/groupTypes/group";
 import { shuffleArray } from "../../utils/convertUtils/convertDatas";
+import { getRandomIdx } from "../../utils/mathUtils";
 
 interface ICategory {
   main: GroupCategory;
@@ -166,7 +168,11 @@ function GroupPage() {
       <Header title="소모임" isBack={false} />
       <Slide isNoPadding>
         <Layout>
-          {!isGuest && <Box minH="108px"><GroupMine /></Box>}
+          {!isGuest && (
+            <Box minH="108px">
+              <GroupMine />
+            </Box>
+          )}
           <Box px={5} mt={5} mb={3}>
             <SectionHeader title="전체 소모임" subTitle="All Small Group">
               <Select
@@ -234,7 +240,14 @@ function GroupPage() {
                           participants={group.participants.map((user) =>
                             group.isSecret ? { user: ABOUT_USER_SUMMARY } : user,
                           )}
-                          imageProps={{ image: group.image, isPriority: idx < 4 }}
+                          imageProps={{
+                            image:
+                              group?.squareImage ||
+                              GATHER_RANDOM_IMAGE_ARR[
+                                getRandomIdx(GATHER_RANDOM_IMAGE_ARR.length - 1)
+                              ],
+                            isPriority: idx < 4,
+                          }}
                           maxCnt={group.memberCnt.max}
                           id={group.id}
                           func={() => setTransdferGroupData(group)}

types/models/groupTypes/group.ts

@@ -34,6 +34,7 @@ export interface IGroupWriting extends TimeStampProps {
   gender: boolean;
   isFree: boolean;
   age: number[];
+  squareImage?: string;
   password: string;
   period: string;
   organizer: IUser;