[Chore] 기존 meetup 페이지 파일명 및 meetup 페이지에서 사용되는 컴포넌트의 접두어를 group으로 변경

src/app/meetup/[groupId]/layout.tsx → src/app/group/[groupId]/layout.tsx

@@ -9,7 +9,7 @@ interface Props {
   params: Promise<{ groupId: string }>;
 }
 
-const MeetupDetailLayout = async ({ children, params }: Props) => {
+const GroupDetailLayout = async ({ children, params }: Props) => {
   const { groupId } = await params;
 
   const queryClient = new QueryClient();
@@ -24,4 +24,4 @@ const MeetupDetailLayout = async ({ children, params }: Props) => {
   return <HydrationBoundary state={dehydratedState}>{children}</HydrationBoundary>;
 };
 
-export default MeetupDetailLayout;
+export default GroupDetailLayout;

src/app/meetup/[groupId]/page.tsx → src/app/group/[groupId]/page.tsx

@@ -3,18 +3,18 @@
 import { use } from 'react';
 
 import {
-  MeetupBannerImages,
-  MeetupButtons,
-  MeetupDescriptions,
-  MeetupMembers,
-} from '@/components/pages/meetup';
+  GroupBannerImages,
+  GroupButtons,
+  GroupDescriptions,
+  GroupMembers,
+} from '@/components/pages/group';
 import { useGetGroupDetails } from '@/hooks/use-group/use-group-get-details';
 
 interface Props {
   params: Promise<{ groupId: string }>;
 }
 
-const MeetupDetailPage = ({ params }: Props) => {
+const GroupDetailPage = ({ params }: Props) => {
   const { groupId } = use(params);
   const { data } = useGetGroupDetails({ groupId });
 
@@ -26,10 +26,10 @@ const MeetupDetailPage = ({ params }: Props) => {
 
   return (
     <div>
-      <MeetupBannerImages images={images} />
-      <MeetupDescriptions descriptions={data} />
-      <MeetupMembers members={joinedMembers} />
-      <MeetupButtons
+      <GroupBannerImages images={images} />
+      <GroupDescriptions descriptions={data} />
+      <GroupMembers members={joinedMembers} />
+      <GroupButtons
         conditions={{
           isHost: myMembership?.role === 'HOST',
           isJoined: myMembership?.status === 'ATTEND',
@@ -42,4 +42,4 @@ const MeetupDetailPage = ({ params }: Props) => {
   );
 };
 
-export default MeetupDetailPage;
+export default GroupDetailPage;

src/app/schedule/(components)/meeting-list.tsx

@@ -75,7 +75,7 @@ export const MeetingList = ({
           tabType={tabType}
           tags={meeting.tags}
           title={meeting.title}
-          onClick={() => router.push(`/meetup/${meeting.id}`)}
+          onClick={() => router.push(`/group/${meeting.id}`)}
         />
       ))}
 

src/app/schedule/(components)/my.tsx

@@ -33,7 +33,7 @@ export default function My() {
   return (
     <MeetingList
       completedMessage={completedMessage}
-      emptyStatePath='/post-meetup'
+      emptyStatePath='/create-group'
       emptyStateType='myPost'
       error={error}
       hasNextPage={hasNextPage}

src/components/pages/group-list/index.tsx

@@ -67,7 +67,7 @@ export default function GroupList({ initialData, initialKeyword }: GroupListProp
               profileImage={meeting.createdBy.profileImage}
               tags={meeting.tags}
               title={meeting.title}
-              onClick={() => router.push(`/meetup/${meeting.id}`)}
+              onClick={() => router.push(`/group/${meeting.id}`)}
             />
           ))
         )}

src/components/pages/meetup/meetup-banner-images/index.tsx → src/components/pages/group/group-banner-images/index.tsx

@@ -17,7 +17,7 @@ interface Props {
   images: GetGroupDetailsResponse['images'];
 }
 
-export const MeetupBannerImages = ({ images }: Props) => {
+export const GroupBannerImages = ({ images }: Props) => {
   const hasImages = Boolean(images.length);
 
   return (

src/components/pages/meetup/meetup-buttons/index.tsx → src/components/pages/group/group-buttons/index.tsx

@@ -2,7 +2,7 @@
 
 // import { useRouter } from 'next/navigation';
 
-import { MeetupModal } from '@/components/pages/meetup/meetup-modal';
+import { GroupModal } from '@/components/pages/group/group-modal';
 import { Button } from '@/components/ui/button';
 import { useModal } from '@/components/ui/modal';
 
@@ -16,7 +16,7 @@ interface Props {
   groupId: string;
 }
 
-export const MeetupButtons = ({
+export const GroupButtons = ({
   conditions: { isJoined, isHost, isPast, isAttendDisabled },
   groupId,
 }: Props) => {
@@ -37,7 +37,7 @@ export const MeetupButtons = ({
             className='flex-[1.2]'
             variant='tertiary'
             onClick={() =>
-              open(<MeetupModal groupId={groupId} type={isHost ? 'delete' : 'leave'} />)
+              open(<GroupModal groupId={groupId} type={isHost ? 'delete' : 'leave'} />)
             }
           >
             {isHost ? '모임 취소' : '모임 탈퇴'}
@@ -49,7 +49,7 @@ export const MeetupButtons = ({
       ) : (
         <Button
           disabled={isAttendDisabled}
-          onClick={() => open(<MeetupModal groupId={groupId} type='attend' />)}
+          onClick={() => open(<GroupModal groupId={groupId} type='attend' />)}
         >
           참여하기
         </Button>

src/components/pages/meetup/meetup-descriptions/description-sections/description-profile/index.tsx → src/components/pages/group/group-descriptions/description-sections/description-profile/index.tsx

@@ -36,7 +36,10 @@ export const DescriptionProfile = ({
       </Link>
       {isPast && <p className='text-text-xs-semibold pr-1 text-gray-500'>모임 마감</p>}
       {isHost && !isPast && (
-        <Link href={`/post-meetup/${groupId}`} className='text-text-xs-semibold text-mint-500 pr-1'>
+        <Link
+          href={`/create-group/${groupId}`}
+          className='text-text-xs-semibold text-mint-500 pr-1'
+        >
           모임 수정하기
         </Link>
       )}

src/components/pages/meetup/meetup-descriptions/index.tsx → src/components/pages/group/group-descriptions/index.tsx

@@ -5,7 +5,7 @@ import {
   DescriptionSetting,
   DescriptionTags,
   DescriptionTitle,
-} from '@/components/pages/meetup/meetup-descriptions/description-sections';
+} from '@/components/pages/group/group-descriptions/description-sections';
 import { GetGroupDetailsResponse } from '@/types/service/group';
 
 interface Props {
@@ -26,7 +26,7 @@ interface Props {
   >;
 }
 
-export const MeetupDescriptions = ({
+export const GroupDescriptions = ({
   descriptions: {
     id,
     status,

src/components/pages/meetup/meetup-members/index.tsx → src/components/pages/group/group-members/index.tsx

@@ -15,7 +15,7 @@ interface Props {
   members: GetGroupDetailsResponse['joinedMembers'];
 }
 
-export const MeetupMembers = ({ members }: Props) => {
+export const GroupMembers = ({ members }: Props) => {
   const [expand, setExpand] = useState(false);
   const [coverMember, setCoverMember] = useState(2 < Math.ceil(members.length / 3));
 

src/components/pages/meetup/meetup-modal/index.tsx → src/components/pages/group/group-modal/index.tsx

@@ -13,7 +13,7 @@ interface Props {
   groupId: string;
 }
 
-export const MeetupModal = ({ type, groupId }: Props) => {
+export const GroupModal = ({ type, groupId }: Props) => {
   const { replace } = useRouter();
   const { close } = useModal();
   const { mutate: attendMutate, isPending: isAttending } = useAttendGroup({ groupId }, close);

src/components/pages/group/index.ts

@@ -0,0 +1,4 @@
+export { GroupBannerImages } from './group-banner-images';
+export { GroupButtons } from './group-buttons';
+export { GroupDescriptions } from './group-descriptions';
+export { GroupMembers } from './group-members';