Skip to content

Commit 4d9ee4b

Browse files
gustn99gustn99
committed
Fix: home 페이지 import문 수정
1 parent 297e834 commit 4d9ee4b

5 files changed

Lines changed: 50 additions & 31 deletions

File tree

‎src/pages/Home/HomeTopBar/index.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
1-
import React from 'react';
2-
import { Button, ButtonContainer, HomeLogo, HomeTopBarContainer } from './styles';
31
import logo from '@assets/default/oodd.svg';
2+
43
import Alarm from '@components/Icons/Alarm';
54

5+
import { Button, ButtonContainer, HomeLogo, HomeTopBarContainer } from './styles';
6+
67
// Home 페이지의 상단 바입니다. 로고와 알림이 있습니다.
78
// TODO: 버튼 클릭 이벤트 처리 필요
89
const HomeTopBar: React.FC = () => {

‎src/pages/Home/OOTD/Feed/index.tsx‎

Lines changed: 33 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,40 @@
1-
import React, { useState } from 'react';
2-
import { Swiper, SwiperSlide } from 'swiper/react';
1+
import { useState } from 'react';
2+
import { useNavigate } from 'react-router-dom';
3+
4+
import dayjs from 'dayjs';
35
import { Pagination } from 'swiper/modules';
6+
import { Swiper, SwiperSlide } from 'swiper/react';
47
import 'swiper/css';
58
import 'swiper/css/pagination';
6-
import { StyledText } from '@components/Text/StyledText';
9+
710
import theme from '@styles/theme';
11+
12+
import { createMatchingApi } from '@apis/matching';
13+
import { togglePostLikeStatusApi } from '@apis/post-like';
14+
import { postUserBlockApi } from '@apis/user-block';
15+
import { handleError } from '@apis/util/handleError';
16+
import { getCurrentUserId } from '@utils/getCurrentUserId';
17+
18+
import defaultProfile from '@assets/default/defaultProfile.svg';
19+
import more from '@assets/default/more.svg';
20+
import xBtn from '@assets/default/reject.svg';
21+
22+
import Heart from '@components/Icons/Heart';
23+
import Message from '@components/Icons/Message';
24+
25+
import CommentBottomSheet from '@components/BottomSheet/CommentBottomSheet';
26+
import OptionsBottomSheet from '@components/BottomSheet/OptionsBottomSheet';
27+
import Modal from '@components/Modal';
28+
import { StyledText } from '@components/Text/StyledText';
29+
30+
import type { CreateMatchingRequest } from '@apis/matching/dto';
31+
import type { PostUserBlockRequest } from '@apis/user-block/dto';
32+
import type { CommentBottomSheetProps } from '@components/BottomSheet/CommentBottomSheet/dto';
33+
import { OptionsBottomSheetProps } from '@components/BottomSheet/OptionsBottomSheet/dto';
34+
import type { ModalProps } from '@components/Modal/dto';
35+
36+
import type { FeedProps } from './dto';
37+
838
import {
939
MatchingBtn,
1040
FeedImgBox,
@@ -19,27 +49,6 @@ import {
1949
ReactionWrapper,
2050
FeedImgBackground,
2151
} from './styles';
22-
import more from '@assets/default/more.svg';
23-
import xBtn from '@assets/default/reject.svg';
24-
import { useNavigate } from 'react-router-dom';
25-
import defaultProfile from '@assets/default/defaultProfile.svg';
26-
import dayjs from 'dayjs';
27-
import Heart from '@components/Icons/Heart';
28-
import Message from '@components/Icons/Message';
29-
import { OptionsBottomSheetProps } from '@components/BottomSheet/OptionsBottomSheet/dto';
30-
import OptionsBottomSheet from '@components/BottomSheet/OptionsBottomSheet';
31-
import CommentBottomSheet from '@components/BottomSheet/CommentBottomSheet';
32-
import Modal from '@components/Modal';
33-
import type { CreateMatchingRequest } from '@apis/matching/dto';
34-
import { createMatchingApi } from '@apis/matching';
35-
import { handleError } from '@apis/util/handleError';
36-
import type { CommentBottomSheetProps } from '@components/BottomSheet/CommentBottomSheet/dto';
37-
import type { ModalProps } from '@components/Modal/dto';
38-
import { togglePostLikeStatusApi } from '@apis/post-like';
39-
import { postUserBlockApi } from '@apis/user-block';
40-
import type { PostUserBlockRequest } from '@apis/user-block/dto';
41-
import type { FeedProps } from './dto';
42-
import { getCurrentUserId } from '@utils/getCurrentUserId';
4352

4453
const Feed: React.FC<FeedProps> = ({ feed }) => {
4554
const [isLikeClicked, setIsLikeClicked] = useState(feed.isPostLike);

‎src/pages/Home/OOTD/Feed/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 { StyledText } from '@components/Text/StyledText';
34

45
export const FeedWrapper = styled.article`

‎src/pages/Home/OOTD/index.tsx‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,19 @@
1-
import React, { useState, useEffect, useRef } from 'react';
1+
import { useState, useEffect, useRef } from 'react';
2+
23
import debounce from 'lodash/debounce';
3-
import { OOTDContainer, FeedContainer } from './styles';
4-
import Feed from './Feed/index';
4+
55
import { getPostListApi } from '@apis/post';
6-
import type { PostSummary } from '@apis/post/dto';
76
import { handleError } from '@apis/util/handleError';
8-
import type { ModalProps } from '@components/Modal/dto';
7+
98
import Modal from '@components/Modal';
109

10+
import type { PostSummary } from '@apis/post/dto';
11+
import type { ModalProps } from '@components/Modal/dto';
12+
13+
import Feed from './Feed/index';
14+
15+
import { OOTDContainer, FeedContainer } from './styles';
16+
1117
const OOTD: React.FC = () => {
1218
const [feeds, setFeeds] = useState<PostSummary[]>([]);
1319

‎src/pages/Home/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
import { OODDFrame } from '@components/Frame/Frame';
22
import NavBar from '@components/NavBar';
3+
34
import HomeTopBar from './HomeTopBar/index';
45
import OOTD from './OOTD/index';
6+
57
import { HomeContainer } from './styles';
68

79
const Home: React.FC = () => {

0 commit comments

Comments
 (0)