fix: groupId 픽스

Mile-Writings · Jan 17, 2024 · b9b7c12 · b9b7c12
1 parent 8caed12
commit b9b7c12
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 19 deletions.
diff --git a/src/pages/groupFeed/components/MyGroupBtn.tsx b/src/pages/groupFeed/components/MyGroupBtn.tsx
@@ -1,12 +1,10 @@
 import styled from '@emotion/styled';
 import { useNavigate } from 'react-router-dom';
 
-import { groupPropTypes } from '../../main/apis/getGroupContent';
-
-const MyGroupBtn = ({ moimId }: groupPropTypes) => {
+const MyGroupBtn = () => {
   const navigate = useNavigate();
   const handleRoutingGroupFeed = () => {
-    navigate(`/group/${moimId}`);
+    navigate(`/group/MQ==`);
   };
 
   return <MyGroupBtnWrapper onClick={handleRoutingGroupFeed}>내 글 모임</MyGroupBtnWrapper>;

diff --git a/src/pages/main/apis/getGroupContent.ts b/src/pages/main/apis/getGroupContent.ts
@@ -4,8 +4,8 @@ import { client } from '../../../utils/apis/axios';
 
 export interface groupPropTypes {
   moimId: string;
-  moimName: string;
-  moimPosts: groupPostTypes[];
+  moimName?: string;
+  moimPosts?: groupPostTypes[];
 }
 
 interface getGroupContentResponseTypes {
@@ -19,7 +19,6 @@ interface getGroupContentResponseTypes {
 export const getGroupContent = async () => {
   try {
     const { data } = await client.get<getGroupContentResponseTypes>('/api/moim/best');
-    console.log(data.data.moim);
     return data.data.moim;
   } catch (error) {
     console.error(error);

diff --git a/src/pages/main/components/GroupContent.tsx b/src/pages/main/components/GroupContent.tsx
@@ -3,8 +3,6 @@ import { useNavigate } from 'react-router-dom';
 
 import CuriousGroup from './CuriousGroup';
 
-import { groupPropTypes } from '../apis/getGroupContent';
-
 import Spacing from './.././../../components/commons/Spacing';
 
 export interface groupContentPropTypes {
@@ -17,13 +15,18 @@ export interface groupContentPropTypes {
   isLast: boolean;
 }
 
-const GroupContent = (
-  { topicName, imageUrl, postTitle, postContent, groupId, postId, isLast }: groupContentPropTypes,
-  { moimId }: groupPropTypes,
-) => {
+const GroupContent = ({
+  topicName,
+  imageUrl,
+  postTitle,
+  postContent,
+  groupId,
+  postId,
+  isLast,
+}: groupContentPropTypes) => {
   const navigate = useNavigate();
   const handleOnClick = () => {
-    navigate(`/detail/${moimId}/${postId}`);
+    navigate(`/detail/${groupId}/${postId}`);
   };
   const hasImage = () => {
     return imageUrl !== null;

diff --git a/src/pages/main/components/MainHeader.tsx b/src/pages/main/components/MainHeader.tsx
@@ -1,8 +1,6 @@
 import styled from '@emotion/styled';
 import { useNavigate } from 'react-router-dom';
 
-import { groupPropTypes } from '../apis/getGroupContent';
-
 import { HeaderLogoIc } from '../../../assets/svgs';
 import LogInOutBtn from '../../../components/commons/LogInOutBtn';
 import theme from '../../../styles/theme';
@@ -11,18 +9,18 @@ import MakeGroupBtn from '../../groupFeed/components/MakeGroupBtn';
 import MyGroupBtn from '../../groupFeed/components/MyGroupBtn';
 
 // 메인 페이지 헤더
-export const LogInHeader = ({ moimId, moimName, moimPosts }: groupPropTypes) => {
+export const LogInHeader = () => {
   const handleLogOut = () => {
     logout();
     alert('로그아웃 되었습니다');
     location.reload();
   };
-
+  //MQ==
   return (
     <HeaderWrapper>
       <HeaderLogoIc />
       <HeaderBtnLayout>
-        <MyGroupBtn moimId={moimId} moimName={moimName} moimPosts={moimPosts} />
+        <MyGroupBtn />
         <CommonBtnLayout>
           <MakeGroupBtn />
           <LogInOutBtn onClick={handleLogOut}>로그아웃</LogInOutBtn>