Skip to content

Commit c829ee2

Browse files
gustn99gustn99
committed
Fix: postbase 페이지 import문 수정
1 parent 9507dce commit c829ee2

9 files changed

Lines changed: 70 additions & 58 deletions

File tree

‎src/pages/Post/PostBase/ImageSwiper/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
import React, { useRef } from 'react';
1+
import { useRef } from 'react';
22

3-
import { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';
43
import { Navigation, Pagination } from 'swiper/modules';
4+
import { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';
55
import 'swiper/css';
66
import 'swiper/css/navigation';
77
import 'swiper/css/pagination';
88

9-
import { SwiperContainer, ImageWrapper, StyledNavigation } from './styles';
10-
119
import { ImageSwiperProps } from '../dto';
1210

11+
import { SwiperContainer, ImageWrapper, StyledNavigation } from './styles';
12+
1313
const ImageSwiper: React.FC<ImageSwiperProps> = ({ images }) => {
1414
const swiperRef = useRef<SwiperRef | null>(null);
1515

‎src/pages/Post/PostBase/LikeCommentBottomSheetContent/CommentItem/dto.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Comment } from '../../../../../apis/post-comment/dto';
1+
import { Comment } from '@apis/post-comment/dto';
22

33
export interface CommentItemProps {
44
comment: Comment;

‎src/pages/Post/PostBase/LikeCommentBottomSheetContent/CommentItem/index.tsx‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,16 @@
1-
import React, { useEffect, useState } from 'react';
1+
import { useEffect, useState } from 'react';
22

33
import dayjs from 'dayjs';
44
import 'dayjs/locale/ko';
55

66
import theme from '@styles/theme';
7+
8+
import More from '@assets/default/more.svg';
9+
10+
import { StyledText } from '@components/Text/StyledText';
11+
12+
import type { CommentItemProps } from './dto';
13+
714
import {
815
StyledBigUserProfile,
916
CommentItem as StyledCommentItem,
@@ -12,12 +19,6 @@ import {
1219
MenuBtn,
1320
} from './styles';
1421

15-
import { StyledText } from '@components/Text/StyledText';
16-
17-
import type { CommentItemProps } from './dto';
18-
19-
import More from '@assets/default/more.svg';
20-
2122
const CommentItem: React.FC<CommentItemProps> = ({ comment, handleUserClick, handleMenuOpen }) => {
2223
const [timeAgo, setTimeAgo] = useState<string | null>();
2324

‎src/pages/Post/PostBase/LikeCommentBottomSheetContent/CommentItem/styles.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { styled } from 'styled-components';
2+
23
import { BigUserProfile } from '../styles';
34

45
export const CommentItem = styled.div`

‎src/pages/Post/PostBase/LikeCommentBottomSheetContent/MenuButtonList/index.tsx‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
1-
import React from 'react';
2-
import ReactDOM from 'react-dom';
1+
import { createPortal } from 'react-dom';
2+
3+
import { StyledText } from '@components/Text/StyledText';
4+
35
import type { MenuButtonListProps } from './dto';
6+
47
import { MenuListWrapper, MenuListContainer, MenuButtonItem } from './styles';
5-
import { StyledText } from '@components/Text/StyledText';
68

79
const MenuButtonList: React.FC<MenuButtonListProps> = ({ items, onClose, position }) => {
810
const handleWrapperClick = () => {
@@ -13,7 +15,7 @@ const MenuButtonList: React.FC<MenuButtonListProps> = ({ items, onClose, positio
1315
event.stopPropagation(); // Container 클릭 시 이벤트 중단
1416
};
1517

16-
return ReactDOM.createPortal(
18+
return createPortal(
1719
<MenuListWrapper onClick={handleWrapperClick}>
1820
<MenuListContainer $position={position} onClick={handleContainerClick}>
1921
{items.map((item, index) => (

‎src/pages/Post/PostBase/LikeCommentBottomSheetContent/index.tsx‎

Lines changed: 22 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,41 @@
1-
import React, { useEffect, useState, useRef, useCallback } from 'react';
1+
import { useEffect, useState, useRef, useCallback } from 'react';
22
import { useParams, useNavigate } from 'react-router-dom';
33

44
import { useRecoilState } from 'recoil';
5+
6+
import theme from '@styles/theme';
7+
8+
import { createCommentApi, deleteCommentApi, getCommentListApi } from '@apis/post-comment';
9+
import { getPostLikeListApi } from '@apis/post-like';
10+
import { postUserBlockApi } from '@apis/user-block';
11+
import { PostUserBlockRequest } from '@apis/user-block/dto';
12+
import { handleError } from '@apis/util/handleError';
513
import {
614
IsCommentDeleteConfirmationModalOpenAtom,
715
IsCommentReportModalOpenAtom,
816
selectedCommentAtom,
917
} from '@recoil/Post/PostCommentAtom';
18+
import { getCurrentUserId } from '@utils/getCurrentUserId';
1019

11-
import { TabContainer, Tab, ContentContainer, Content, BigUserProfile, LikeItem, InputLayout } from './styles';
20+
import Block from '@assets/default/block.svg';
21+
import Delete from '@assets/default/delete.svg';
22+
import Report from '@assets/default/report.svg';
23+
import X from '@assets/default/x.svg';
1224

13-
import { StyledText } from '@components/Text/StyledText';
14-
import theme from '@styles/theme';
1525
import Loading from '@components/Loading';
1626
import Modal from '@components/Modal';
17-
import CommentItem from './CommentItem/index';
18-
import MenuButtonList from './MenuButtonList/index';
27+
import { StyledText } from '@components/Text/StyledText';
1928

20-
import type { LikeCommentBottomSheetProps } from '../dto';
21-
import type { ModalProps } from '@components/Modal/dto';
22-
import type { GetPostLikeListResponse } from '@apis/post-like/dto';
2329
import type { Comment, GetCommentListResponse } from '@apis/post-comment/dto';
30+
import type { GetPostLikeListResponse } from '@apis/post-like/dto';
31+
import type { ModalProps } from '@components/Modal/dto';
2432

25-
import Delete from '@assets/default/delete.svg';
26-
import Block from '@assets/default/block.svg';
27-
import Report from '@assets/default/report.svg';
28-
import X from '@assets/default/x.svg';
33+
import type { LikeCommentBottomSheetProps } from '../dto';
2934

30-
import { getPostLikeListApi } from '@apis/post-like';
31-
import { postUserBlockApi } from '@apis/user-block';
32-
import { PostUserBlockRequest } from '@apis/user-block/dto';
33-
import { createCommentApi, deleteCommentApi, getCommentListApi } from '@apis/post-comment';
34-
import { handleError } from '@apis/util/handleError';
35-
import { getCurrentUserId } from '@utils/getCurrentUserId';
35+
import CommentItem from './CommentItem/index';
36+
import MenuButtonList from './MenuButtonList/index';
37+
38+
import { TabContainer, Tab, ContentContainer, Content, BigUserProfile, LikeItem, InputLayout } from './styles';
3639

3740
const LikeCommentBottomSheetContent: React.FC<LikeCommentBottomSheetProps> = ({ tab, likeCount, commentCount }) => {
3841
const [activeTab, setActiveTab] = useState<'likes' | 'comments'>(tab);

‎src/pages/Post/PostBase/LikeCommentBottomSheetContent/styles.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
import { styled } from 'styled-components';
2-
import { StyledText } from '../../../../components/Text/StyledText';
3-
import theme from '../../../../styles/theme';
2+
3+
import theme from '@styles/theme';
4+
5+
import { StyledText } from '@components/Text/StyledText';
6+
47
import { UserProfile } from '../styles';
58

69
export const TabContainer = styled.div`

‎src/pages/Post/PostBase/index.tsx‎

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,35 @@
1-
import React, { useEffect, useState, useRef } from 'react';
1+
import { useEffect, useState, useRef } from 'react';
22
import { useNavigate, useParams } from 'react-router-dom';
33

4-
import { useRecoilState } from 'recoil';
54
import dayjs from 'dayjs';
5+
import { useRecoilState } from 'recoil';
66
import 'dayjs/locale/ko';
77

88
import theme from '@styles/theme';
99

10+
import { getPostDetailApi } from '@apis/post';
11+
import { togglePostLikeStatusApi } from '@apis/post-like';
1012
import { postIdAtom, userAtom, isPostRepresentativeAtom } from '@recoil/Post/PostAtom';
13+
import { getCurrentUserId } from '@utils/getCurrentUserId';
1114

15+
import Left from '@assets/arrow/left.svg';
16+
import LikeFill from '@assets/default/like-fill.svg';
17+
import Like from '@assets/default/like.svg';
18+
import Message from '@assets/default/message.svg';
19+
import More from '@assets/default/more.svg';
20+
21+
import BottomSheet from '@components/BottomSheet';
22+
import ClothingInfoItem from '@components/ClothingInfoItem';
1223
import { OODDFrame } from '@components/Frame/Frame';
24+
import NavBar from '@components/NavBar';
1325
import { StyledText } from '@components/Text/StyledText';
1426
import TopBar from '@components/TopBar';
15-
import NavBar from '@components/NavBar';
16-
import BottomSheet from '@components/BottomSheet';
17-
import ClothingInfoItem from '@components/ClothingInfoItem';
27+
28+
import type { GetPostDetailResponse } from '@apis/post/dto';
29+
import type { BottomSheetProps } from '@components/BottomSheet/dto';
30+
31+
import type { PostBaseProps } from './dto';
32+
1833
import ImageSwiper from './ImageSwiper/index';
1934
import LikeCommentBottomSheetContent from './LikeCommentBottomSheetContent/index';
2035

@@ -36,20 +51,6 @@ import {
3651
ClothingInfoList,
3752
} from './styles';
3853

39-
import Left from '@assets/arrow/left.svg';
40-
import Like from '@assets/default/like.svg';
41-
import LikeFill from '@assets/default/like-fill.svg';
42-
import Message from '@assets/default/message.svg';
43-
import More from '@assets/default/more.svg';
44-
45-
import type { BottomSheetProps } from '@components/BottomSheet/dto';
46-
import type { PostBaseProps } from './dto';
47-
import type { GetPostDetailResponse } from '@apis/post/dto';
48-
49-
import { getPostDetailApi } from '@apis/post';
50-
import { togglePostLikeStatusApi } from '@apis/post-like';
51-
import { getCurrentUserId } from '@utils/getCurrentUserId';
52-
5354
const PostBase: React.FC<PostBaseProps> = ({ onClickMenu }) => {
5455
const [, setPostId] = useRecoilState(postIdAtom);
5556
const [post, setPost] = useState<GetPostDetailResponse['data']>();

‎src/pages/Post/PostBase/styles.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
import { styled }, { keyframes } from 'styled-components';
2-
import { StyledText } from '../../../components/Text/StyledText';
1+
import { styled, keyframes } from 'styled-components';
2+
3+
import { StyledText } from '@components/Text/StyledText';
34

45
// 그라데이션 애니메이션 정의
56
const shimmer = keyframes`

0 commit comments

Comments
 (0)