Skip to content

Commit 9578fda

Browse files
gustn99gustn99
committed
Fix: 나머지 post 페이지 import문 수정
1 parent c829ee2 commit 9578fda

13 files changed

Lines changed: 102 additions & 97 deletions

File tree

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

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
1-
import React, { useRef, useState } from 'react';
2-
import { Swiper, SwiperSlide } from 'swiper/react';
1+
import { useRef, useState } from 'react';
2+
33
import { Navigation, Pagination } from 'swiper/modules';
4+
import { Swiper, SwiperSlide } from 'swiper/react';
45
import 'swiper/css';
56
import 'swiper/css/navigation';
67
import 'swiper/css/pagination';
78

8-
import { SwiperContainer, ImageWrapper, RemoveButton, StyledNavigation, AddButton, HiddenFileInput } from './styles';
9+
import Plus from '@assets/default/plus.svg';
10+
import Reject from '@assets/default/reject.svg';
911

10-
import Reject from '../../../assets/default/reject.svg';
11-
import Plus from '../../../assets/default/plus.svg';
12+
import type { ImageSwiperProps } from '../dto';
1213

13-
import { ImageSwiperProps } from '../dto';
14+
import { SwiperContainer, ImageWrapper, RemoveButton, StyledNavigation, AddButton, HiddenFileInput } from './styles';
1415

1516
const ImageSwiper: React.FC<ImageSwiperProps> = ({ images, onProcessFile, onRemoveImage }) => {
1617
const fileInputRef = useRef<HTMLInputElement>(null);

‎src/pages/Post/PostImageSelect/dto.ts‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
export interface ImageSelectModalProps {}
2-
import { PostImage } from '../../apis/post/dto';
1+
import { PostImage } from '@apis/post/dto';
32

43
export interface ImageSwiperProps {
54
images: PostImage[];

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

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,31 @@
1-
import React, { useState, useRef } from 'react';
1+
import { useState, useRef } from 'react';
22
import { useNavigate, useLocation } from 'react-router-dom';
33

4+
import heic2any from 'heic2any';
45
import { useRecoilState } from 'recoil';
6+
57
import {
68
postImagesAtom,
79
postContentAtom,
810
postClothingInfosAtom,
911
postStyletagAtom,
1012
postIsRepresentativeAtom,
1113
} from '@recoil/PostUpload/PostUploadAtom';
14+
import { getCurrentUserId } from '@utils/getCurrentUserId';
1215

13-
import { UploadContainer, ImageDragDropContainer, Content } from './styles';
16+
import Left from '@assets/arrow/left.svg';
17+
import PhotoBig from '@assets/default/photo-big.svg';
18+
import X from '@assets/default/x.svg';
1419

20+
import BottomButton from '@components/BottomButton';
1521
import { OODDFrame } from '@components/Frame/Frame';
1622
import { StyledText } from '@components/Text/StyledText';
1723
import TopBar from '@components/TopBar';
18-
import BottomButton from '@components/BottomButton';
19-
import ImageSwiper from './ImageSwiper';
20-
21-
import X from '@assets/default/x.svg';
22-
import Left from '@assets/arrow/left.svg';
23-
import PhotoBig from '@assets/default/photo-big.svg';
2424

25-
import { ImageSelectModalProps } from './dto';
26-
import heic2any from 'heic2any';
27-
import { getCurrentUserId } from '@utils/getCurrentUserId';
25+
import ImageSwiper from './ImageSwiper';
26+
import { UploadContainer, ImageDragDropContainer, Content } from './styles';
2827

29-
const PostImageSelect: React.FC<ImageSelectModalProps> = () => {
28+
const PostImageSelect: React.FC = () => {
3029
const [images, setImages] = useRecoilState(postImagesAtom);
3130
const [, setContent] = useRecoilState(postContentAtom);
3231
const [, setClothingInfos] = useRecoilState(postClothingInfosAtom);

‎src/pages/Post/PostInstaConnect/dto.ts‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
export interface InstaConnectModalProps {}
2-
31
export interface Post {
42
imgs: string[];
53
caption: string;

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

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

33
import theme from '@styles/theme';
4-
import { Content, StyledInput } from './styles';
54

5+
import X from '@assets/default/x.svg';
6+
7+
import BottomButton from '@components/BottomButton';
68
import { OODDFrame } from '@components/Frame/Frame';
9+
import Modal from '@components/Modal';
710
import { StyledText } from '@components/Text/StyledText';
811
import TopBar from '@components/TopBar';
9-
import BottomButton from '@components/BottomButton';
10-
import Modal from '@components/Modal';
11-
import { ModalProps } from '@components/Modal/dto';
1212

13-
import X from '@assets/default/x.svg';
13+
import { ModalProps } from '@components/Modal/dto';
1414

15-
import { InstaConnectModalProps } from './dto';
15+
import { Content, StyledInput } from './styles';
1616

17-
const PostInstaConnect: React.FC<InstaConnectModalProps> = () => {
17+
const PostInstaConnect: React.FC = () => {
1818
const [instagramID, setInstagramID] = useState('');
1919
const [isConnectFailModalOpen, setIsConnectFailModalOpen] = useState(false);
2020
const [isLoading, setIsLoading] = useState(false);

‎src/pages/Post/PostInstaFeedSelect/dto.ts‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
export interface InstaFeedSelectModalProps {}
2-
31
export interface Post {
42
imgs: string[];
53
}

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

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,25 @@
1-
import React, { useState } from 'react';
1+
import { useState } from 'react';
22
import { useNavigate } from 'react-router-dom';
3+
34
import axios from 'axios';
45
import { useRecoilState } from 'recoil';
6+
57
import { postImagesAtom } from '@recoil/PostUpload/PostUploadAtom';
8+
import { getCurrentUserId } from '@utils/getCurrentUserId';
69

7-
import { Content, PostContainer, ImageWrapper } from './styles';
10+
import X from '@assets/default/x.svg';
811

912
import { OODDFrame } from '@components/Frame/Frame';
10-
import TopBar from '@components/TopBar';
1113
import Modal from '@components/Modal';
12-
import { ModalProps } from '@components/Modal/dto';
14+
import TopBar from '@components/TopBar';
1315

14-
import X from '@assets/default/x.svg';
16+
import type { ModalProps } from '@components/Modal/dto';
1517

16-
import { InstaFeedSelectModalProps, Post } from './dto';
17-
import { getCurrentUserId } from '@utils/getCurrentUserId';
18+
import type { Post } from './dto';
19+
20+
import { Content, PostContainer, ImageWrapper } from './styles';
1821

19-
const PostInstaFeedSelect: React.FC<InstaFeedSelectModalProps> = () => {
22+
const PostInstaFeedSelect: React.FC = () => {
2023
const [isSuccessModalOpen, setIsSuccessModalOpen] = useState(true);
2124
const [, setIsLoading] = useState(false);
2225
const [isFailModalOpen, setIsFailModalOpen] = useState(false);

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

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
1-
import React, { useRef } from 'react';
2-
import { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';
1+
import { useRef } from 'react';
2+
33
import { Navigation, Pagination } from 'swiper/modules';
4+
import { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';
45
import 'swiper/css';
56
import 'swiper/css/navigation';
67
import 'swiper/css/pagination';
78

8-
import { SwiperContainer, ImageWrapper, StyledNavigation, StyledPagination } from './styles';
9+
import PhotoWhite from '@assets/default/photo-white.svg';
910

10-
import PhotoWhite from '../../../assets/default/photo-white.svg';
11+
import type { ImageSwiperProps } from '../dto';
1112

12-
import { ImageSwiperProps } from '../dto';
13+
import { SwiperContainer, ImageWrapper, StyledNavigation, StyledPagination } from './styles';
1314

1415
const ImageSwiper: React.FC<ImageSwiperProps> = ({ images }) => {
1516
const swiperRef = useRef<SwiperRef | null>(null);

‎src/pages/Post/PostUpload/SearchBottomSheetContent/index.tsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1-
import React, { useState, useEffect, useRef } from 'react';
1+
import { useState, useEffect, useRef } from 'react';
2+
23
import axios from 'axios';
34

4-
import { Content, Input, SearchResultList, SearchResultItem, Loader } from './styles';
55
import theme from '@styles/theme';
66

77
import { StyledText } from '@components/Text/StyledText';
88

9-
import { SearchBottomSheetProps } from '../dto';
9+
import type { SearchBottomSheetProps } from '../dto';
10+
11+
import { Content, Input, SearchResultList, SearchResultItem, Loader } from './styles';
1012

1113
const SearchBottomSheetContent: React.FC<SearchBottomSheetProps> = ({ onClose, onSelectClothingInfo }) => {
1214
const [searchQuery, setSearchQuery] = useState('');

‎src/pages/Post/PostUpload/ToggleSwitch/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import React from 'react';
1+
import type { ToggleSwitchProps } from '../dto';
2+
23
import { HiddenCheckbox } from './styles';
3-
import { ToggleSwitchProps } from '../dto';
44

55
const ToggleSwitch: React.FC<ToggleSwitchProps> = ({ checked, onChange, disabled }) => {
66
return <HiddenCheckbox checked={checked} onChange={onChange} disabled={disabled} role="switch" />;

0 commit comments

Comments
 (0)