🐛fix:커뮤니티 작성자 프로필 확인가능 / 기관은 작성 및 댓글 불가 (#596)

Author: minjoon97

src/components/inputBox/index.tsx

@@ -20,7 +20,7 @@ const InputBox = ({
   textType = 'text',
   disabled = false,
   initialVal = '',
-  placeholder = disabled ? '로그인이 필요합니다' : '작성하세요.',
+  placeholder = disabled ? '작성할 수 없습니다.' : '작성하세요.',
   value,
   setFunc,
   onEnterFunc,

src/features/communitiy-detail-comment-box/index.tsx

@@ -5,7 +5,7 @@ import Comment from './ui/Comment';
 import { useLoginStore } from '@/store/stores/login/loginStore';
 
 const CommunityDetailCommentBox = ({ content_id }: { content_id: number }) => {
-  const isLoggedIn = useLoginStore((state) => state.isLoggedIn);
+  const LoginType = useLoginStore((state) => state.loginType);
   const { commentData, commentCount, commentText, loginName, setCommentText, onEventPost } =
     useCommunityComment(content_id);
 
@@ -16,7 +16,7 @@ const CommunityDetailCommentBox = ({ content_id }: { content_id: number }) => {
         commentText={commentText}
         setCommentText={setCommentText}
         onEventPost={onEventPost}
-        disabled={!isLoggedIn}
+        disabled={LoginType === 'ROLE_CENTER'}
       />
       <div className="commentWrap">
         {commentData?.map((v, i) => <Comment key={i} {...v} content_id={content_id} login_name={loginName} />)}

src/features/communitiy-detail-content-box/index.tsx

@@ -54,7 +54,7 @@ const CommunityDetailContentBox = ({ content_id }: { content_id: number }) => {
     <CommunityDetailContentBoxCss>
       <i className="title">{detailData.title}</i>
       <i className="modifiedDate">최근 수정일: {formatDate(detailData.updated_at)}</i>
-      <WriterProfileBox {...writerData} />
+      <WriterProfileBox {...writerData} volunteer_id={detailData.writer_id} />
       {detailData.image_url && (
         <CommunityImageContainer>
           <CommunityImage src={detailData.image_url} alt="detailData.image_url" />

src/features/communitiy-detail-content-box/logic/useCommunityDetailContent.ts

@@ -26,6 +26,8 @@ export const useCommunityDetailContent = (content_id: number): useCommunityDetai
 
   // 데이터 업데이트되면 리랜더링
   useEffect(() => {
+    console.log('Detail Data:', detailData);
+    console.log('Writer Data:', writerData);
     if (detailData) setCommunityDetailData(detailData);
     if (writerData) setCommunityWriterData(writerData);
   }, [detailData, writerData]);

src/features/community-list/index.tsx

@@ -7,7 +7,7 @@ import { useCommunityList } from './logic/useCommunityList';
 
 const CommuntiyList = () => {
   const { listData, totPage, currPage, isLoading, error } = useCommunityList();
-  const isLoggedIn = useLoginStore((state) => state.isLoggedIn);
+  const LoginType = useLoginStore((state) => state.loginType);
   const navigate = useNavigate();
 
   return (
@@ -38,7 +38,7 @@ const CommuntiyList = () => {
       </div>
       <CustomPagination totPage={totPage} currPage={currPage} />
       <div className="btnWrap">
-        {isLoggedIn ? (
+        {LoginType === 'ROLE_VOLUNTEER' ? (
           <ApplyButton
             label="작성하기"
             type="white"

src/features/personal-my-page-half-list/index.tsx

@@ -45,7 +45,7 @@ const HalfList: React.FC<HalfListProps> = ({ listType }) => {
   } else if (listType === 'myMessage') {
     return (
       <HalfListCss>
-        <TitleWithPagenation title="내 쪽지 목록" totPage={totPage} currPage={currPage} setCurrPage={setCurrPage} />
+        <TitleWithPagenation title="받은 쪽지 목록" totPage={totPage} currPage={currPage} setCurrPage={setCurrPage} />
 
         <section className="contentWrap">
           {!myData || myData.length === 0 ? (

src/pages/main-page/_components/community/indexCss.ts

@@ -36,7 +36,7 @@ export const Title = styled.p`
 export const Bottom = styled.div`
   height: 500px;
   display: flex;
+  gap: 5px;
   flex-direction: column;
-  justify-content: space-between;
   text-decoration: none;
 `;